In this video, I’ll show you how to build a modern form using ShadCN’s new Field component, React Hook Form, and Zod validation in a Next.js + TypeScript project.
The old Form component from ShadCN is no longer actively developed, so it’s time to switch!
🛠️ Tools & Packages Used:
[Nextjs]: https://nextjs.org/
[Shadcn]: https://ui.shadcn.com/
⏱️ Timestamps:
00:00 - Introduction
01:33 - Install and set up Next.js
02:05 - Setup shadcn UI
03:20 - Create the UI form use Field
14:04 - Integrate the form with react-hook-form
🌐 Check out more content:
My Portfolio: https://www.cand.site/
Medium: / ckriswinarto
💻 Get the Source Code:
GitHub: https://github.com/candraKriswinarto/...
🌐 Recommended Digital Tools (Affiliate Links):
Hostinger: Get 20% Off on Web Hosting - https://dub.sh/zrpWarU
👍 If you found this video helpful, please like, and subscribe!
❓ Any questions? Drop them in the comments below!
#shadcn
