
How can I make really good... forms? *shudders*
F o r m s. They terrify me. I an trying to make my first real full-stack project with a stack of Next.js, Supabase, and some shadcn because I don't have the patience. I found this tutorial for a real-time chat app with the exact same stack, so I checked it out, hoping to jump into my project right after.
That is, until I saw the true horrors of forms. In the tutorial, there was a form only had two fields (one of them being a checkbox), but the React return statement was nearly 100 lines long WITH the shadcn Field components being used. I'm scared. How can I bring myself to make a single form? It's too daunting. At the same time, if I try to make one from scratch, I know it will be worse (and less accessible) than these professionally-made components. My fear of forms is a problem because that's basically 50% of frontend dev right there.
After seeing how complex forms can get, I want to take a step back and try to get good at making them (before I go back to my project). Any advice or best practices on forms, given the stack I mentioned? Are there any guides out there for making top-tier forms in the year of 2026, or do I have to just fumble around in the darkness?