Перейти к содержимому

Next.js with React-Hook-Form, Drizzle-Zod, & ShadCN/ui | Nextjs Full Stack Project

Dave Gray

0:00 / 0:00

Next.js with React-Hook-Form, Drizzle-Zod, & ShadCN/ui | Nextjs Full Stack Project

13 439 просмотров · 1 год назад
Dave Gray
446 тыс. подписчиков
13 439 просмотров · 1 год назад
Use Next.js with react-hook-form, drizzle-zod, & shadcn/ui in this chapter of the Nextjs Full Stack Project series. We will send data to react-hook-form components and create schemas for form validation with drizzle-zod. ⭐ Use the code "davegray" for 3 months free on the Team plan of Sentry for any new accounts: Sentry Homepage: https://bit.ly/sentry-dg Sentry Sign-up: https://bit.ly/try-sentry-dg Sentry Next.js: https://bit.ly/sentry-nextjs-dg Sentry Next.js Docs: https://bit.ly/sentry-docs-dg 🔥 Neon Postgres: https://fyi.neon.tech/davegray 🔒 Kinde Auth: https://kinde.com/dgray-nextjsstack/ 👉 Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap 💖 Support me on Patreon ➜   / davegray   🚩 Subscribe ➜ https://bit.ly/3nGHmNn 📬 Course Updates ➜ https://courses.davegray.codes/ ❓ Ask Questions & Discuss on Discord ➜   / discord   ☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray 🔗 Next.js Full Stack Project playlist:    • Next.js Full Stack Project with Nextjs 15 ...   👇 Follow Me On Social Media: GitHub: https://github.com/gitdagray Twitter:   / yesdavidgray   LinkedIn:   / davidagray   🔗 Course Resources: https://github.com/gitdagray/nextjs-f... Next.js with React-Hook-Form, Drizzle-Zod, & ShadCN/ui | Nextjs Full Stack Project (0:00:00) Intro (0:01:06) Tech Stack (0:01:26) User Stories Checklist (0:02:11) Creating Zod Schemas with drizzle-zod (0:18:37) Why react-hook-form? (0:20:09) Customer Form component (0:34:36) Ticket Form component 📚 Tutorial References: 🔗 Next.js: https://nextjs.org/ 🔗 ShadCN/ui: https://ui.shadcn.com/ 🔗 Sentry Next.js: https://bit.ly/sentry-nextjs-dg 🔗 Tailwind CSS: https://tailwindcss.com/ 🔗 TypeScript: https://www.typescriptlang.org/ 🔗 Drizzle ORM: https://orm.drizzle.team/ 🔗 Neon Postgres: https://fyi.neon.tech/davegray 🔗 Kinde Auth: https://kinde.com/dgray-nextjsstack/ Was this Next.js Full Stack tutorial with react hook form, zod and shadcn/ui helpful? If so, please share. Let me know your thoughts in the comments. #nextjs #react #form