cyberneticlibrary
← library

Build forms and mutations in Next.js

server-actionsskillsetup L1★3,035
davepoon/buildwithclaude ↗
What it does

Handle form submissions and data mutations in Next.js

Best for

Mutating data from client-side forms with server validation and cache revalidation.

Inputs
  • · FormData from HTML
  • · Zod validation schema
Outputs
  • · Validation results
  • · Revalidated paths
Requires
  • · Next.js App Router
  • · react-dom
  • · Zod
Preconditions
  • · use server directive
  • · Form bound to action
Failure modes
  • · Validation fails
  • · Revalidation mismatch
Trust signals
  • · useFormState and useFormStatus
  • · Optimistic updates
  • · revalidatePath/revalidateTag