nextjs-server-actions
Installation
SKILL.md
Quick Reference
| Pattern | Code | Purpose |
|---|---|---|
| Inline action | async function action() { 'use server'; } |
Define in component |
| Actions file | 'use server' at file top |
Dedicated actions file |
| Form action | <form action={serverAction}> |
Native form integration |
| Bind args | action.bind(null, id) |
Pass additional args |
| Hook | Import | Purpose |
|---|---|---|
useActionState |
react |
Form state + pending |
useFormStatus |
react-dom |
Pending state in children |
useOptimistic |
react |
Optimistic UI updates |