Client-side Server Actions in Next.js

From the Next.js cheat sheet · Server Actions · verified Jul 2026

Client-side Server Actions

typescript
'use client'
💡 Call Server Actions from Client Components
⚡ Use with onClick handlers
📌 Handle loading and error states
🔥 Optimistic updates for better UX

Continue with Next.js

Save the full cheat sheet or work through every related task.

Open full sheet

More Next.js tasks

Back to the full Next.js cheat sheet