Create Form and Validation With Shadcn UI | NextJs 13

Опубликовано: 28 Сентябрь 2024
на канале: Cand Dev
33,392
632

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:    • Create Form and Validation With Shadc...  
Part 2 - Email and Password Auth:    • Build a Complete Sign-Up and Sign-In ...  
part 3 - Login with google    • Add Authentication to Next.js: Login ...  

React-Hook-Form & Yup Tutorial -    • Create Signup Form with Validation | ...  

🔗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 :   / candra_kriswinarto  
GitHub: https://github.com/candraKriswinarto/
Linkedin:   / candra-kriswinarto  

#programming