Blog - Building Forms with Next.js | Next.js
nextjs.org · 1,438 words · saved by 1 readers
Learn how to build a performant, accessible form with Next.js while teaching best practices for HTML & React forms along the way.
This page is also available as Markdown at /docs/app/guides/forms.md . For an index of Next.js documentation , see /docs/llms.txt . Copy page How to create forms with Server Actions Last updated March 10, 2026 React Server Actions are Server Functions that execute on the server. They can be called in Server and Client Components to handle form submissions. This guide will walk you through how to create forms in Next.js with Server Actions. Always verify authentication and authorization inside each Server Action, even if the form is only rendered on an authenticated page. See the Data Security
saved by
related reading
- Getting Started: Error Handling | Next.jsnextjs.org
- Getting Started: Mutating Data | Next.jsnextjs.org
- Forms – Reactreactjs.org
- React Form Library | Getting Started Guidesurveyjs.io
- App Router: Mutating Data | Next.jsnextjs.org
- Making Sense of React Server Components • Josh W. Comeaujoshwcomeau.com
- How Mozilla’s Rust dramatically improved our server-side performance | Figma Blogfigma.com
- RSC From Scratch. Part 1: Server Components · reactwg server-components · Discussion #5github.com
- Getting Started: Fetching Data | Next.jsnextjs.org
- Custom Forms with No Server Code | Formspreeformspree.io
- Getting Started: Fetching Data | Next.jsnextjs.org
- React Form Builder | Generate dynamic HTML forms using JSONsurveyjs.io