Aug 24, 2026· 7 min read
Server Actions vs API Routes vs Route Handlers in Next.js
The difference between Server Actions, Route Handlers, and API Routes, and which one to use for forms, webhooks, and external APIs.
Server ActionsnextjsRoute Handlers
Next.js
Full-stack React framework
167 tutorials
12 of 167 tutorials
Aug 24, 2026· 7 min read
Redirecting from a Server Action Safely
How to redirect after a Server Action with the redirect function, and why the order of revalidation, try/catch, and push vs replace matters.
Server Actionsnextjsredirect
Aug 24, 2026· 7 min read
Optimistic UI with `useOptimistic` in Next.js
How to use the useOptimistic hook to show instant UI while a Server Action runs, and how it reverts when the action fails.
nextjsServer Actionsoptimistic ui
Aug 24, 2026· 7 min read
Calling Server Actions from Event Handlers and `useTransition`
How to call a Server Action from onClick or useEffect, wrapped in useTransition, and why the pending flag depends on it.
transitionsServer Actionsnextjs
Aug 24, 2026· 7 min read
How Next.js Server Actions Work Under the Hood
The mechanics behind Server Actions: action references, POST requests, sequential dispatch, the single-roundtrip response, and the security boundary.
Server ActionsArchitecturenextjs
Aug 24, 2026· 7 min read
Securing Server Actions: Auth Checks and Input Validation
Why every Server Action must re-check authentication, ownership, and input, and what the framework already protects on its own.
Server ActionsSecuritynextjs
Aug 24, 2026· 7 min read
Debugging Server Actions That Silently Do Nothing
The most common reasons a Next.js Server Action appears to do nothing, and how to make the mutation or the refresh actually happen.
Server ActionsDebuggingnextjs
Aug 24, 2026· 6 min read
Building Forms in Next.js with Server Actions
Build a Next.js form that submits to a Server Action: bind the action, read FormData, validate on the server, and show the returned result.
FormsServer Actionsnextjs
Aug 24, 2026· 6 min read
The Next.js `Form` Component Explained
How the Form component from next/form prefetches loading UI, navigates on submit, and handles search params, plus when to use a native form instead.
FormsnextjsComponents
Aug 24, 2026· 6 min read
Displaying Field-Level Validation Errors from a Server Action
Return fieldErrors from a Server Action and render each message under its input with aria-describedby, so errors are visible and announced.
nextjsAccessibilityForms
Aug 25, 2026· 8 min read
The Next.js Metadata API: Static and Dynamic Metadata
How the Next.js Metadata API works in the App Router: the static metadata object, the dynamic generateMetadata function, how segments merge, and what actually lands in the rendered head.
MetadataSEOnextjs
Aug 25, 2026· 8 min read
Open Graph and Twitter Card Metadata in Next.js
How to write Open Graph and Twitter card metadata in the Next.js App Router: the openGraph and twitter fields, automatic card defaults, article tags, and image merge rules.
nextjsMetadataSEO