Aug 24, 2026· 5 min read
Reading `FormData` in a Server Action
How to read submitted fields from the FormData argument of a Server Action: get, getAll, Object.fromEntries, and the $ACTION_ caveat.
nextjsServer ActionsForms
Next.js
Full-stack React framework
167 tutorials
12 of 167 tutorials
Aug 24, 2026· 6 min read
Server-Side Form Validation with Zod in Next.js
Validate form fields inside a Server Action with Zod: define a schema, safeParse the fields, and return field errors to the form.
Formsnextjszod
Aug 24, 2026· 5 min read
Progressive Enhancement: Forms That Work Without JavaScript
Why a Server Action form submits before JavaScript loads, how the browser posts it as plain HTML, and what changes in Client Components.
nextjsServer ActionsForms
Aug 24, 2026· 5 min read
Showing Pending and Success States with `useFormStatus`
How to use the useFormStatus hook in a Next.js form to disable a submit button while a Server Action runs, and how to add a success state.
nextjsReactForms
Aug 24, 2026· 6 min read
File Uploads in Next.js: Server Actions and Route Handlers
How to accept file uploads in Next.js: read a File from FormData in a Server Action or a Route Handler, and choose the right one for the job.
nextjsServer ActionsRoute Handlers
Aug 24, 2026· 6 min read
Multi-Step Forms in the App Router
How to split a long form into steps in the Next.js App Router: track the step, keep fields mounted with the hidden attribute, and submit once.
nextjsFormsReact
Aug 24, 2026· 6 min read
Using React Hook Form with Next.js Server Actions
Combine React Hook Form with a Next.js Server Action: register fields for client-side validation and pass the action to the form component.
react hook formFormsnextjs
Aug 24, 2026· 9 min read
Redirecting Based on Cookies, Headers, or Geolocation
How to send visitors to different routes based on a cookie, a request header, or the location your host reports, using the proxy file and config conditions in the Next.js App Router.
RedirectsnextjsProxy
Aug 24, 2026· 8 min read
Setting Request and Response Headers in Proxy
The proxy file can add headers in two directions: forward to your server code, or back to the browser. They use different APIs, and mixing them up leaks data or breaks responses.
headersnextjsProxy
Aug 24, 2026· 10 min read
Internationalized Routing and Locale Detection in Next.js
The App Router has no built-in i18n config. Build locale routing yourself with a dynamic segment, a proxy redirect that reads Accept-Language, and prerendered locales.
Proxynextjsinternationalization
Aug 24, 2026· 8 min read
`trailingSlash` in Next.js: Behavior, SEO Impact, and Redirects
What the trailingSlash option does, the permanent redirect it produces in both directions, why the choice matters for search engines, and what else in your config it changes.
nextjsSEOConfiguration
Aug 24, 2026· 9 min read
Debugging Redirect Loops and Proxy That Never Runs
Two failures that look like nothing is happening. Here is the single request that identifies a redirect loop, and the checklist for a proxy file that silently never executes.
nextjsProxyDebugging