react-server-actions

在Next.js 14+中实现React Server Actions，以安全地、渐进增强地处理表单和服务器变更，而无需API路由。当处理表单提交、执行服务器端变更、实现渐进增强、创建无需JavaScript即可工作的操作、在服务器上验证数据、在变更后重新验证缓存数据、处理服务器端文件上传、实现乐观UI更新或构建没有客户端JavaScript也能优雅降级的表单时使用。

React Server Actions - Form Handling

When to use this skill

Handling form submissions in Next.js 14+ applications
Performing server-side data mutations without API routes
Implementing progressive enhancement for forms
Creating actions that work without client-side JavaScript
Validating form data securely on the server
Revalidating Next.js cache after data mutations
Handling file uploads with server-side processing
Implementing optimistic UI updates with useOptimistic
Building accessible forms with server-first architecture
Integrating with database operations directly
Managing form state with useFormState hook
Creating secure mutations with server-only code

When to use this skill

Implementing forms, mutations in Next.js App Router.
When working on related tasks or features
During development that requires this expertise

Use when: Implementing forms, mutations in Next.js App Router.

Server Action

```typescript 'use server';

export async function createPost(formData: FormData) { const title = formData.get('title'); await db.post.create({ data: { title } }); revalidatePath('/posts'); } ```

Resources

Server Actions