Creating a Form using React and NextJS App Router

3 min readJan 9, 2024

To create a form in React v18+ and NextJS App Router, there is some prerequisite knowledge required.

Just a weird A.I. generated image for the prompt “form data” :)


This article assumes that you already have the following knowledge:


  1. Specifically what components and state are.
  2. React Server Components




Most of my writing is about software. I enjoy summarizing and analyzing books and self-help videos. I am senior software consultant at