Auth.js v5 Complete Course: Credentials, Google & GitHub Providers, Registration & Database

  Рет қаралды 12,698

HuXn WebDev

HuXn WebDev

Күн бұрын

Unlock the power of user authentication with Auth.js v5! This comprehensive course takes you from beginner to pro, covering everything you need to secure your application. Learn how to implement:
Secure Logins: Create user accounts with email and password using Credentials provider.
Social Logins: Simplify registration with Google and GitHub integrations.
User Registration: Store user data securely in a database (implementation details explained).
Complete Course: This video covers the entire user authentication flow, from registration to database storage.
Follow Me On 👇
Instagram: / huxnshorts
KZbin: / @huxnwebdev
GitHub: github.com/huxn-webdev
Twitter: / huxnwebdev
If You Want To Support My Work 👇
/ @huxnwebdev
00:00 - Intro
2:11 - Requirements
3:44 - Setup & Installation
7:20 - Registration Page
15:41 - Login Page
20:57 - Private Dashboard Page
27:57 - Private Settings Page
29:30 - Navbar
32:55 - User Model
36:16 - Auth.js v5 Setup
43:31 - Register The User
56:25 - Credentials Provider
1:07:42 - Login The User
1:13:26 - GitHub Provider
1:18:18 - Google Provider
1:21:32 - Protect Routes
1:31:55 - Role Based Protection
1:40:05 - Outro
Follow Me On 👇
Instagram: / huxnshorts
KZbin: / @huxnwebdev
GitHub: github.com/huxn-webdev
Twitter: / huxnwebdev

Пікірлер: 74
@huxnwebdev
@huxnwebdev 2 ай бұрын
Complete Source Code 👇 github.com/HuXn-WebDev/Auth.js-v5-Complete-Course Full Stack JavaScript Complete Course 👇 kzbin.info/aero/PLSDeUiTMfxW6VChKWb26Z_mPR4f6fAmMV If You Want To Support My Work 👇 kzbin.info/door/bBt6Ks7M5BZx_GHgGO_UNQjoin
@imagination3124
@imagination3124 2 ай бұрын
Literally the most awaited video on authjs on KZbin and here huxn just uploads it keep it up
@yj4105
@yj4105 Ай бұрын
i have been studying authjs and react hook form for the last few days, and this video helped me A LOT. Thank you so much Huxn!
@natsudragnil4065
@natsudragnil4065 2 ай бұрын
i swear i was doing authentication using clerk auth and it was so hard and saw a notification of this video. you are the best
@huxnwebdev
@huxnwebdev 2 ай бұрын
haha Right On Time 🤝
@ftmj304
@ftmj304 2 ай бұрын
You giving a best course with monster knowledge about the course😊😊
@MajidAli-gx7gg
@MajidAli-gx7gg Күн бұрын
Mind blowing. man you really did great job. i learned a lot
@walkerstechug3758
@walkerstechug3758 2 ай бұрын
Hey HuXn, you did great work! I really enjoyed the project, although the auth part was quite challenging. Anyway, thank you very much for the great work; we appreciate it.
@sssrikanthhh
@sssrikanthhh 2 ай бұрын
vote for full stack application with nextjs, typescript and mongodb👍
@ashutosh_tiwari
@ashutosh_tiwari 2 ай бұрын
Say no to mongodb, postgres is much better with drizzle ORM.
@ashutosh_tiwari
@ashutosh_tiwari 2 ай бұрын
@@sssrikanthhh don't be so serious bro, that comment was just for comment purposes😂
@ashutosh_tiwari
@ashutosh_tiwari 2 ай бұрын
@@sssrikanthhh more comments... more reach on this video🥂✅
@Amankhan-cl1dq
@Amankhan-cl1dq 26 күн бұрын
Why newbies like you are so much obsessed with mongodb? Why not postgres or mysql?
@Amankhan-cl1dq
@Amankhan-cl1dq 26 күн бұрын
​@@ashutosh_tiwarinaah prisma is better than drizzle it is easy to setup and creating database schema is way easy
@Leesdjo
@Leesdjo 2 ай бұрын
As long as this video is from HuXn web dev, it has so much value. Thank you.
@NoudvD63
@NoudvD63 Ай бұрын
Fantastic! Great refresher and update.
@Allinone-ry8dr
@Allinone-ry8dr 26 күн бұрын
great tutorial HuXn🥰 ...if possible do full stack nextjs using mongo DB crud and all related to full stack
@KubanzaConsultoria
@KubanzaConsultoria 2 ай бұрын
Your are the best teacher 👏👏👏👏✔✔
@eraysona
@eraysona 19 күн бұрын
loced your style brother, loved the contect loved the style. keep going 👌🏻👌🏻
@kazmi401
@kazmi401 2 ай бұрын
I don't use Next.js. But, it was awesome! Thanks man!
@achile758
@achile758 Ай бұрын
Thanks man... you're a real time problem solver❤❤ ❤
@hungnguyentuan1989
@hungnguyentuan1989 2 ай бұрын
You are the best youtuber and teacher for IT. Can you make the next video is react query and Zustand with Typescript, please ?
@mohdabdulrahman6611
@mohdabdulrahman6611 2 ай бұрын
Thank you bro , keep it up ❤
@theintjengineer
@theintjengineer 2 ай бұрын
Amaaaaazing, Bro. Thanks 😊
@salifoumoussaabdoulhack3418
@salifoumoussaabdoulhack3418 Ай бұрын
You are the best my friend ❤❤❤❤
@smartdriver2990
@smartdriver2990 2 ай бұрын
Thanks for the tutorial 🎉
@andrejkling3886
@andrejkling3886 2 ай бұрын
Thank you HuXn…🔥🔥🔥💯
@niteshprajapat7918
@niteshprajapat7918 2 ай бұрын
Sir is back ❤🎉🔥 Thank you for this course 🔥
@huxnwebdev
@huxnwebdev 2 ай бұрын
My Brother ❤️
@yrew2004
@yrew2004 Ай бұрын
Thanks!
@htgsniper8458
@htgsniper8458 2 ай бұрын
Bro is really very underrated ❤
@saurabhKumar-hj6yp
@saurabhKumar-hj6yp 2 ай бұрын
Really love you 💗💗
@roshinif
@roshinif 2 ай бұрын
Oh. A new channel 😄
@Aelincaleane
@Aelincaleane 2 ай бұрын
Thank you very much for this awesome tutorial! Please can you make a video tutorial on threejs 🙏
@Sangar-dv4rr
@Sangar-dv4rr 2 ай бұрын
your just awesome , if my carear had an turning point remember its cuz of you😫, i ve improved a lot from being nothing to being a developer , love you so much ❤❤,and can you post an video on Deployment of projects in vercel with integrated backend database plss , ive completed That MERN stack E-Commerce but i dont know how to deploy
@CyranicalGoated
@CyranicalGoated 2 ай бұрын
That intro was fire, btw mate can you teach us Angular?
@wahikedeewane2682
@wahikedeewane2682 Ай бұрын
dope intro
@debarshidas8678
@debarshidas8678 Ай бұрын
Hey, if we have a separate backend with access & refresh token based strategy then how can we perform auth with next app? We should be able to access protected routes from both client & server components & also silently refresh the access token.
@shiveshanand5812
@shiveshanand5812 17 күн бұрын
dude what is the browser theme you are using with those sick sound effect?
@englishspacitel258
@englishspacitel258 2 ай бұрын
The GOAT IS BACK!
@KinglyGaming11
@KinglyGaming11 Ай бұрын
Sir which language will u suggest for Backend learning as a beginner
@muhammadluthfi9917
@muhammadluthfi9917 2 ай бұрын
Hey bro do you have a discord server? I think you should build it and your student from KZbin can discuss anything about programming language, because you are one of the best teacher in programming language that I found it.. Thanks a lot sir :))
@bschanneladdy
@bschanneladdy 2 ай бұрын
what vs code theme you are using ?
@arijitdn
@arijitdn 2 ай бұрын
Coool
@cslearn3044
@cslearn3044 19 сағат бұрын
what theme are you using
@SrdjanStancic
@SrdjanStancic 26 күн бұрын
Brother, how can I signOut from "use client" component ? pls tell me
@LightSpeedDevil
@LightSpeedDevil 22 күн бұрын
Is Authjs V5 fit for production?
@shekharchaudhary2200
@shekharchaudhary2200 2 ай бұрын
Brother can you teach us what is the correct of way of reading a documentation ?
@raul1533-kx9de
@raul1533-kx9de Ай бұрын
What would the code be like if I used PostgreSQL?
@syedbilalchand1766
@syedbilalchand1766 Ай бұрын
Access token and refresh token how to implement
@DukeBerserkerTheFury
@DukeBerserkerTheFury 2 ай бұрын
Whats that feature sound when you type on the keyboard and scroll ? 😮😮😮😮😮
@bilal5488
@bilal5488 2 ай бұрын
hey huxn one humble request please make a video on authentication and authorization in MERN stack but with two token access and refresh
@AjayShakya-jq4wb
@AjayShakya-jq4wb 29 күн бұрын
Can anyone tell me vscode theme name, this guy using
@Dunkirk_3
@Dunkirk_3 2 ай бұрын
Huxn plan for live stream, We are waiting to interact with you. Ps: Big fan. ❤
@huxnwebdev
@huxnwebdev 2 ай бұрын
People will laugh at my stream brother😂
@Dunkirk_3
@Dunkirk_3 2 ай бұрын
@@huxnwebdev whatever it is, we just want to see you and express our gratitude for your effort and honesty. Seriously, you are exceptional.💗
@yalghaarssg538
@yalghaarssg538 2 ай бұрын
hey bro! can you please create a next js project with strapi and postgres sql for online job portal?
@huxnwebdev
@huxnwebdev 2 ай бұрын
I'm working on something bigger 👀 will take a while ...
@yalghaarssg538
@yalghaarssg538 2 ай бұрын
@@huxnwebdev 😳😳😳😳😳😳
@tuannguyenthai
@tuannguyenthai 2 ай бұрын
❤❤❤ fullstack + nextjs + …..
@ujjwalmaheshwari2327
@ujjwalmaheshwari2327 2 ай бұрын
editing suggestion bro - dont play whole video at start, play part of it only, 2 min of timelapse is too much to watch for viewers Anyways, the video is awesome as always!
@_AshishMohanty
@_AshishMohanty 2 ай бұрын
bro how to handle video file in next js with typescript it shows type error while in react js without typescript it doesn't show any error
@huxnwebdev
@huxnwebdev 2 ай бұрын
ill try to make a video on that :)
@_AshishMohanty
@_AshishMohanty 2 ай бұрын
@@huxnwebdev thaks will be waiting for the video
@_AshishMohanty
@_AshishMohanty 2 ай бұрын
it would be great if u could do a framer motion and gsap course with next js
@shekharchaudhary2200
@shekharchaudhary2200 2 ай бұрын
We want unfiltered huxn !
@yj4105
@yj4105 Ай бұрын
1:24:06
@-fzn
@-fzn 2 ай бұрын
Lets check if I am too late to comment😅
@CheesymoonBrainstorm
@CheesymoonBrainstorm Ай бұрын
HOW IS ALL OF THIS FREE???!!!?!
@Rajputana1974
@Rajputana1974 2 ай бұрын
chintu jaldi se dhood le aa........
@spotnuru83
@spotnuru83 19 күн бұрын
This is an amazing tutorial really.. really appreciate your time and effort. I implemented it along the video.. amazing once again. I was just wondering for protected routes , is there a better way to do like centrally instead of checking at every page? that would be great to learn.. Also i am getting one error in auth.ts file for the session when i say session.user.role = token.role i am seeing an error Property 'role' does not exist on type 'AdapterUser & User'
What it feels like cleaning up after a toddler.
00:40
Daniel LaBelle
Рет қаралды 94 МЛН
ЧУТЬ НЕ УТОНУЛ #shorts
00:27
Паша Осадчий
Рет қаралды 10 МЛН
Каха заблудился в горах
00:57
К-Media
Рет қаралды 10 МЛН
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Coding2GO
Рет қаралды 188 М.
Note Taking App using Next.js 14 | Auth.js Credentials Provider
58:01
JavaScript Unleashed
Рет қаралды 1,9 М.
They made React great again?
4:11
Fireship
Рет қаралды 1 МЛН
The Simplest Tech Stack
9:38
Awesome
Рет қаралды 72 М.
Next.js Authentication || Register User To MongoDB With Next-Auth V5
35:23
tapaScript by Tapas Adhikary
Рет қаралды 6 М.
How I’d learn ML in 2024 (if I could start over)
7:05
Boris Meinardus
Рет қаралды 1 МЛН
I Never Want To Build Authentication Any Other Way
2:03:20
Elliott Chong
Рет қаралды 17 М.
Set up Google OAuth with Next.js using Next-Auth!
21:00
Build SaaS with Ethan
Рет қаралды 24 М.
How to OVER Engineer a Website // What is a Tech Stack?
11:20
Fireship
Рет қаралды 2,4 МЛН
What it feels like cleaning up after a toddler.
00:40
Daniel LaBelle
Рет қаралды 94 МЛН