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: https://bysyntax.com.

Today I will show you how to build the perfect authentication system in React with Typescript, using LuciaAuth. https://luciaauth.com/'>https://luciaauth.com/

Resouces
Project Code: https://github.com/ElliottChong/luci...
My GitHub: https://github.com/ElliottChong
Shadcn UI: https://ui.shadcn.com
Lucia Auth https://luciaauth.com

Connect With Me
GitHub: https://github.com/elliottchong
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