Тёмный

I Never Want To Build Authentication Any Other Way 

Elliott Chong
Подписаться 15 тыс.
Просмотров 18 тыс.
50% 1

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

Опубликовано:

 

5 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 72   
@julianbritto237
@julianbritto237 Месяц назад
Goddamn… THAT WAS SO DETAILED AND EXPLAINATORY😩 super proud of youuuuu Ellyyyy 🔥🫶🏻
@elliottchong
@elliottchong Месяц назад
THANK YOU!!!
@soon8098
@soon8098 Месяц назад
Welcome back Ellee!!!!
@MohamedElguarir
@MohamedElguarir Месяц назад
Yesssiir welcome back Eliot 🔥🙏
@dreamsachiever212
@dreamsachiever212 Месяц назад
glad to see u back
@mouadp7564
@mouadp7564 Месяц назад
This is the best explanation I had about authentication !!! KEEP UP BRO
@bread-uf9wd
@bread-uf9wd Месяц назад
This is so educational! Thank you for the content, im looking forward to embarking with you on the course :)
@elliottchong
@elliottchong Месяц назад
Welcome aboard!
@othmanmajdi1549
@othmanmajdi1549 16 дней назад
Thank you, this was really helpful!
@sohansingh2022
@sohansingh2022 Месяц назад
Nice to see you back
@TheMessiah64
@TheMessiah64 Месяц назад
another superb quality vid elliott❤❤ keep up the great work 😊
@elliottchong
@elliottchong Месяц назад
Thank you! Will do!
@forbidden_lion
@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
@maxklink3979
@maxklink3979 Месяц назад
Great video man 💪
@lavisharma3210
@lavisharma3210 Месяц назад
Amazing video Thanks for creating it
@hopaa
@hopaa Месяц назад
glad to see you
@samane3672
@samane3672 15 дней назад
Just what i was looking for thanks a lot
@ntramu4186
@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
@vedprakash-zz6hb Месяц назад
He taught in freecodecamp , so I also doubt when he started learning coding 😮
@elliottchong
@elliottchong Месяц назад
Thank you for the kind words! I learnt coding myself around 3 years ago, started web dev 2 years ago!
@ntramu4186
@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
@arshanshaikh2958 Месяц назад
Asians are always the smartest😅
@AJ-pz8ug
@AJ-pz8ug 4 дня назад
Keep up the great work! Cool Cool Cool!
@yanDev
@yanDev Месяц назад
very happy to see you back! thanks for this video. have you already test Kinde auth and what is your feedback about this?
@olivebishop3794
@olivebishop3794 2 дня назад
why dont you use somehing which is open sauce ?
@sane2205
@sane2205 24 дня назад
Video worthy of sub, great stuff
@wizz1e80
@wizz1e80 Месяц назад
Dude you're 19!!!!! Damn i'm sooo impressed
@shashankinjapan
@shashankinjapan Месяц назад
Most Underrated Kid . Tbh , why don't you start a course series or something for fullstack
@PolarBearBaby
@PolarBearBaby Месяц назад
he already did.checkout his description.
@shashankinjapan
@shashankinjapan Месяц назад
@@PolarBearBaby didn't knew , thanks for letting me know
@PolarBearBaby
@PolarBearBaby Месяц назад
@@shashankinjapan welcome
@BreydanTan
@BreydanTan Месяц назад
Long time no see Elliot
@4rvlt913
@4rvlt913 Месяц назад
hi, may i ask what terminal you're using ? it looks really cool
@brancode404
@brancode404 Месяц назад
Nice one bro. What's your take on Kinde?
@mamlzy
@mamlzy 28 дней назад
Thank you for your details explanation! but may i ask you a question, how to get the session on client side without making all the pages dynamic because accessing `cookie()` from `next/headers`?
@KennethTrinh-cm6cp
@KennethTrinh-cm6cp Месяц назад
u the goat! ty!!
@LearnAlongFaizan
@LearnAlongFaizan 20 дней назад
Great video, make one on mermaid to make diagrams in next js
@ukeshrestha
@ukeshrestha Месяц назад
Can we use lucia on React project as well?
@jeromelim14
@jeromelim14 Месяц назад
🔥🔥🔥
@LearnAlongFaizan
@LearnAlongFaizan 18 дней назад
Hey, very good video, but don't you think this approach will call the db for every request, which might lead to unnecessary, just a doubt, how about jwt approach instead? feel free to correct me
@wizz1e80
@wizz1e80 Месяц назад
Can i use lucia with vite?
@AjaySingh-jz8qx
@AjaySingh-jz8qx Месяц назад
I mostly prefer next auth but i also try lucia also
@nilesh6439
@nilesh6439 Месяц назад
Nice mindset brother and love from India , and being 21 but still learning from you looks very interesting!
@dev-akeel
@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
@dev-akeel Месяц назад
40:10 BTW super easy is to press cmd + shift + L
@MSRCodeLab
@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.
@EmilAndLina
@EmilAndLina 18 дней назад
Great Video! 🫶 You could make a second video for email verification and password reset etc.
@kenshinhimura3140
@kenshinhimura3140 Месяц назад
And supabase auth?
@nutshellggdarken7114
@nutshellggdarken7114 Месяц назад
What's your browser and VSCode theme?
@elliottchong
@elliottchong Месяц назад
I’m using Arc browser, and the VSCode theme is one of the default ones
@nutshellggdarken7114
@nutshellggdarken7114 Месяц назад
Thank you! ❤️default vscode font also?
@avinavkashyap8802
@avinavkashyap8802 Месяц назад
Please launch a backend series 😊
@kenshinhimura3140
@kenshinhimura3140 Месяц назад
The famous Chinese is back
@5MinuteSmarter
@5MinuteSmarter Месяц назад
I'm first 😂
@mohamedsallam76
@mohamedsallam76 Месяц назад
I am second
@hicoop
@hicoop 27 дней назад
I would avoid Lucia for now. While the package seems useful, it is largely maintained by a single person, without any audits. A helper package for your frontend is one thing, but a single maintainer for your sensitive data is another. Supply chain attacks are real
@codingwithjamal
@codingwithjamal 14 дней назад
True but this “one person” did a lot of work for free for people. You can always look at the source and even build on top of it yourself so you control the code. People who dont know how to make DIY auth safe dont care if auth libraries are safe or not there using them for convenience
@hicoop
@hicoop 14 дней назад
​@@codingwithjamal auth.js has been around for years and has been audited by real companies
@antidegenerates7449
@antidegenerates7449 13 дней назад
What a 🤡 I bet you haven’t read a single package source code once in your life
@danko95bgd
@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
@liu-river Месяц назад
Spill the beans already
@danko95bgd
@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
@AdolfRizzler41 Месяц назад
Clerk , kinde now this
Далее
Oh, Auth Doesn't Have to Suck?
7:16
Просмотров 58 тыс.
Why The Windows Phone Failed
24:08
Просмотров 222 тыс.
*Next-door 10x Software Engineer* [FULL]
4:50
Просмотров 455 тыс.
Why Is C SO Dangerous?  #programming #coding #lowcode
0:51
Every Framework Sucks Now
24:11
Просмотров 127 тыс.