Create Form and Validation With Shadcn UI | NextJs 13
Building Sign-Up and Sign-In Forms with React Hook Form, Zod Validation, and Shadcn UI | Next.js app router
Part 1 – Create the Form: https://youtu.be/GkpEWkKQego?si=Y1XGX-05jIf4Zgml
Part 2 – Email and Password Auth: https://youtu.be/bicCg4GxOP8?si=7YFt3rPCEhN7wO8w
part 3 – Login with google https://youtu.be/k1TL-AzavvY
React-Hook-Form & Yup Tutorial – https://youtu.be/3uEyy_f81r0
🔗Source:
[Next.js] https://nextjs.org/
[Shadcn UI] https://ui.shadcn.com/docs
[Lucide React] https://lucide.dev/icons
👋🏻Contact Me:
https://canddev.vercel.app/
Timestamps:
0:00 – Demo
01:02 – Install Next.js
04:08 – Navbar Component
06:15 – Install Shadcn UI
13:49 – Sign in Page
19:37 – Install Form component
34:04 – Sign up Page
40:13 – GoogleSignInButton Component
43:15 – Done
🌎 Find Me Here:
Instagram : https://www.instagram.com/candra_kriswinarto/
GitHub: https://github.com/candraKriswinarto/
Linkedin: https://www.linkedin.com/in/candra-kriswinarto/
#programming