Wait, Auth Is That Simple? | Lucia Auth, Google OAuth, NextJS 14, Shadcn, Tailwind

Looking to start and monetise your SaaS?
Check out: https://www.start-saas.com/?utm_sourc...

Looking for more advanced AI tutorials to land you a job?
Check out: https://v2.scrimba.com/t0ai?via=ellio... and get an additional 20% off your PRO subscription

Today I will show you how to build your own authentication system in React with Typescript, using Lucia-Auth. https://lucia-auth.com/

-- Resouces --
Project Code: https://github.com/Elliott-Chong/luci...
My GitHub: https://github.com/Elliott-Chong
Shadcn UI: https://ui.shadcn.com
Lucia Auth https://lucia-auth.com

-- Connect With Me 🔥🚀 --
GitHub: https://github.com/elliott-chong
Instagram:   / elliottchong_  
Website: https://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 dashboard