Nextjs Server Actions

Server Actions

Priority: P1 (HIGH)

Handle form submissions and mutations without creating API endpoints.

Implementation

• Directive: Add 'use server' at the top of an async function.
• Usage: Pass to action prop of <form> or invoke from event handlers.

// actions.ts
'use server';
export async function createPost(formData: FormData) {
  const title = formData.get('title');
  await db.post.create({ title });
  revalidatePath('/posts'); // Refresh UI
}

Client Invocation

• Form: <form action={createPost}> (Progressive enhancements work without JS).