I Never Want To Build Authentication Any Other Way

If you're interested in learning my strategies for winning hackathons, including a full stack tutorial on a real project that won me $5,000, visit the platform: bysyntax.com/. Today I will show you how to build the perfect authentication system in React with Typescript, using Lucia-Auth. lucia-auth.com/ -- Resouces -- Project Code: github.com/Elliott-Chong/lucia-auth-yt My GitHub: github.com/Elliott-Chong Shadcn UI: ui.shadcn.com/ Lucia Auth lucia-auth.com/ -- Connect With Me 🔥🚀 -- GitHub: github.com/elliott-chong Instagram: instagram.com/elliottchong_ Website: elliottchong.tech/ Email: [email protected] -- Chapters -- 0:00 Intro 0:50 Demo 2:52 Comparison between different providers 8:10 Session based auth explanation 13:20 Hackathon course announcement 20:15 Initialise project 22:25 Shadcn 25:35 Building authentication page 31:50 SignInForm 39:45 SignUpForm 46:00 Auth server actions 47:00 Initialise Prisma 58:35 Initialise Lucia 1:08:00 Sign in action 1:13:00 getUser action 1:22:40 logOut action 1:25:00 OAuth2.0 Flow explanation 1:35:40 Create Google Client 1:38:30 Create Google OAuth callback URI 1:59:00 Styling dashboa