Phase 11 · Next.js
TopicsServer Actions
Part of the Frontend Developer Roadmap.
Summary
Async functions marked `'use server'` that can be called directly from client components (e.g. on form submit) to run server-side logic without a separate API route.
How to Learn This
- 1Build a form that submits directly to a Server Action instead of a `fetch` call.
- 2Learn how Server Actions integrate with `useFormStatus`/`useActionState` for pending UI.
- 3Understand they're a newer alternative to hand-rolled API routes for many mutations.
More topics in Next.js
Stuck on this topic? Ask an Insider
Get 1:1 guidance from people who've walked this exact path — free on the InsideEdge app.