I Never Want To Build Authentication Any Other Way
Рет қаралды 6,412
Күн бұрын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: elliottchong16@gmail.com
-- 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 3 күн бұрын
Goddamn… THAT WAS SO DETAILED AND EXPLAINATORY😩 super proud of youuuuu Ellyyyy 🔥🫶🏻
@elliottchong 2 күн бұрын
THANK YOU!!!
@bread-uf9wd 3 күн бұрын
This is so educational! Thank you for the content, im looking forward to embarking with you on the course :)
@elliottchong 2 күн бұрын
Welcome aboard!
@soon8098 3 күн бұрын
Welcome back Ellee!!!!
@ismaeltinta6118 2 күн бұрын
glad to see u back
@shashankinjapan 2 күн бұрын
Most Underrated Kid . Tbh , why don't you start a course series or something for fullstack
@PolarBearBaby 2 күн бұрын
he already did.checkout his description.
@shashankinjapan Күн бұрын
@@PolarBearBaby didn't knew , thanks for letting me know
@PolarBearBaby Күн бұрын
@@shashankinjapan welcome
@forbidden_lion 2 күн бұрын
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
@MohamedElguarir 2 күн бұрын
Yesssiir welcome back Eliot 🔥🙏
@sohansingh2022 3 күн бұрын
Nice to see you back
@nilesh6439 2 күн бұрын
Nice mindset brother and love from India , and being 21 but still learning from you looks very interesting!
@wizz1e80 14 сағат бұрын
Dude you're 19!!!!! Damn i'm sooo impressed
@TheMessiah64 3 күн бұрын
another superb quality vid elliott❤❤ keep up the great work 😊
@elliottchong 2 күн бұрын
Thank you! Will do!
@yanDev 2 күн бұрын
very happy to see you back! thanks for this video. have you already test Kinde auth and what is your feedback about this?
@maxklink3979 Күн бұрын
Great video man 💪
@lavisharma3210 Күн бұрын
Amazing video Thanks for creating it
@ntramu4186 3 күн бұрын
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 3 күн бұрын
He taught in freecodecamp , so I also doubt when he started learning coding 😮
@elliottchong 2 күн бұрын
Thank you for the kind words! I learnt coding myself around 3 years ago, started web dev 2 years ago!
@ntramu4186 2 күн бұрын
@@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 13 сағат бұрын
Asians are always the smartest😅
@hopaa 21 сағат бұрын
glad to see you
@BreydanTan 3 күн бұрын
Long time no see Elliot
@MSRCodeLab 20 сағат бұрын
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.
@brancode404 Күн бұрын
Nice one bro. What's your take on Kinde?
@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
@jeromelim14 3 күн бұрын
🔥🔥🔥
@4rvlt913 Күн бұрын
hi, may i ask what terminal you're using ? it looks really cool
@AjaySingh-jz8qx 2 күн бұрын
I mostly prefer next auth but i also try lucia also
@KennethTrinh-cm6cp Күн бұрын
u the goat! ty!!
@ukeshrestha Күн бұрын
Can we use lucia on React project as well?
@kenshinhimura3140 21 сағат бұрын
The famous Chinese is back
@nutshellggdarken7114 3 күн бұрын
What's your browser and VSCode theme?
@elliottchong 2 күн бұрын
I’m using Arc browser, and the VSCode theme is one of the default ones
@nutshellggdarken7114 2 күн бұрын
Thank you! ❤️default vscode font also?
@wizz1e80 14 сағат бұрын
Can i use lucia with vite?
@kenshinhimura3140 21 сағат бұрын
And supabase auth?
@5MinuteSmarter 3 күн бұрын
I'm first 😂
@mohamedsallam76 3 күн бұрын
I am second
@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 11 сағат бұрын
Spill the beans already
@danko95bgd 4 сағат бұрын
@@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
Devoxx Poland
Рет қаралды 189 М.
Programming with Mosh
Рет қаралды 145 М.