Forms in Next.js Made Easy (Headless API Integration & Validation)

Hey Everyone, Forms are one of the most essential topics in web development. They are everywhere, and knowing how to correctly implement will automatically make you a way better web developer!

Features:
- Server & Client Side Validation
- Pending State
- Beautiful styling with Shadcn UI and Tailwindcss
- Form submission with Headless API Integration (Getform)
- Honeypot Input
- Auto Responder Email
- success route
- Two forms in one
- Asset Uploading

00:00 Intro
05:30 Installation
09:30 Setup Form With Shadcn UI
39:40 Integrate Headless Form API
01:05:00 Pending State
01:09:00 Server & Client Side Validation

[EMPEROR]

You have been producing tutorials that I have been following since your first video, my coding pattern is basically yours, cause you have been my teacher since, I always love ❤ your tutorial and you have never failed me, I just want to request something from you sir, please help with a tutorial of a bank app (fintech) with Prisma, superbase, extended and explanatory like you always do, thanks. 🎉❤

[dilshodziyodullayev]

Good tutorial bro 🎉, please use uploadcare library in your next tutorial

[ezems]

Jan, you explain very well, thank you for your videos, could you make one of handling with multi-step forms ?

[EMPEROR]

Thanks bro, great one, we need bank financial app, with Prisma and superbase like you always do, where funds can be transferred, received, transaction details, every based on bank app is done please. More power to your elbow boss

[peterelliston]

Nice tutorial! I've been using react-hook-form but I like the look of conform. One thing I struggle with is safe actions, do you use next-safe-action?

[ilan]

Jan ❤ I admire you
Always thank you for your content.

[aryanjangir]

I have posted a bug about your SAAS BLOG website (see comment of that video) about unique slug verification(if the slug is not unique then website is throws error)
and responsive design issue in dashboard page

[sanjayjaysan]

What if I want to use javascript instead of typescript?! Can we follow the same steps?! Are we able to use zod?!

[CARLOSANDRESHERNANDEZAGUDELO]

Why don't you use the form componet of shadcn ui? There is some reason?

[sartajabbas]

Hello I had a problem in your create a modern fully responsive UI/UX website with next.js 14 and tailwind i can’t get svg image which you use in this that video how I use svg image in that project please tell me