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/luci...
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: / elliottchong_
Website: elliottchong.tech
Email: [e-mail]
-- 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

[@julianbritto237]

Goddamn… THAT WAS SO DETAILED AND EXPLAINATORY😩 super proud of youuuuu Ellyyyy 🔥🫶🏻

[@elliottchong]

THANK YOU!!!

[@soon8098]

Welcome back Ellee!!!!

[@ismaeltinta6118]

glad to see u back

[@sohansingh2022]

Nice to see you back

[@MohamedElguarir]

Yesssiir welcome back Eliot 🔥🙏

[@bread-uf9wd]

This is so educational! Thank you for the content, im looking forward to embarking with you on the course :)

[@elliottchong]

Welcome aboard!

[@giantTurtle3000]

I have been looking for a detailed tutorial using lucia auth and you are the man. Subbed.

[@TheMessiah64]

another superb quality vid elliott❤❤ keep up the great work 😊

[@elliottchong]

Thank you! Will do!

[@nilesh6439]

Nice mindset brother and love from India , and being 21 but still learning from you looks very interesting!

[@maxklink3979]

Great video man 💪

[@mouadp7564]

This is the best explanation I had about authentication !!! KEEP UP BRO

[@hopaa]

glad to see you

[@shashankinjapan]

Most Underrated Kid . Tbh , why don't you start a course series or something for fullstack

[@PolarBearBaby]

he already did.checkout his description.

[@shashankinjapan]

@@PolarBearBaby didn't knew , thanks for letting me know

[@PolarBearBaby]

@@shashankinjapan welcome

[@forbidden_lion]

Bro you are a hero you are a legend you are a saviour you are a thanos! Just when I am fed up of Next auth you made this. Thank you

[@ntramu4186]

Since when did you started learning code? Because comparing to the fact that you're 19 but having much more knowledge than a 22 yrs old me is admiring :D

[@vedprakash-zz6hb]

He taught in freecodecamp , so I also doubt when he started learning coding 😮

[@elliottchong]

Thank you for the kind words! I learnt coding myself around 3 years ago, started web dev 2 years ago!

[@ntramu4186]

@@elliottchong thats actually amazing, i have been around web dev for nearly 2 years now but im feeling like being stuck at one place and dont know what should I do to be a better software engineer :(

[@arshanshaikh2958]

Asians are always the smartest😅

[@yanDev]

very happy to see you back! thanks for this video. have you already test Kinde auth and what is your feedback about this?

[@lavisharma3210]

Amazing video
Thanks for creating it

[@wizz1e80]

Dude you're 19!!!!!
Damn i'm sooo impressed

[@BreydanTan]

Long time no see Elliot

[@KennethTrinh-cm6cp]

u the goat! ty!!

[@brancode404]

Nice one bro. What's your take on Kinde?

[@4rvlt913]

hi, may i ask what terminal you're using ? it looks really cool

[@ukeshrestha]

Can we use lucia on React project as well?

[@wizz1e80]

Can i use lucia with vite?

[@dev-akeel]

instead of releasing mouse when you press `cmd + shift + 4` don't release it, it saves the screenshot, rather press esc and then release mouse.
If you understand and love the tip, send me a heart in reply.

[@dev-akeel]

40:10 BTW super easy is to press cmd + shift + L

[@AjaySingh-jz8qx]

I mostly prefer next auth but i also try lucia also

[@jeromelim14]

🔥🔥🔥

[@kenshinhimura3140]

And supabase auth?

[@MSRCodeLab]

Eagerly waiting for the video like building a production based AI SAAS tool that has these features AI humanizer tool and AI Content detector tool, simply clone of undetectable ai tool or hix ai humanizer tool.

[@avinavkashyap8802]

Please launch a backend series 😊

[@nutshellggdarken7114]

What's your browser and VSCode theme?

[@elliottchong]

I’m using Arc browser, and the VSCode theme is one of the default ones

[@nutshellggdarken7114]

Thank you! ❤️default vscode font also?

[@kenshinhimura3140]

The famous Chinese is back

[@mohamedsallam76]

I am second

[@5MinuteSmarter]

I'm first 😂

[@danko95bgd]

what if i told you that you have better open source auth systems that can be used in any language and not just shitty nodejs

[@liu-river]

Spill the beans already

[@danko95bgd]

@@liu-river ory kratos, zitadel, authentik and even crap java keycloak. I have used kratos and keycloak. I would never use keycloak again for many reasons...

[@AdolfRizzler41]

Clerk , kinde now this