Next auth credentials - signup & login with email & password (Next JS app router)

Implement signup and login functionality with next-auth with the Next app router, postgres hosted on vercel, typescript, bcrypt, & SQL.

THE SHADCN UI COURSE IS NOW AVAILABLE - GET IT FOR JUST $12.99 BELOW!

Want the EASIEST way to implement auth?

💻 next-auth tutorial github repo:

Chapters:
0:00 Intro
0:15 Tutorial overview
1:15 Project setup
1:40 Postgres db setup
2:27 Upload to github
3:39 Link postgres db to project
5:44 Install deps & create login & register page
8:25 Setup next-auth
13:12 Setup register endpoint
14:55 Hook up the register form
17:40 Create Form client component
19:07 Fix register endpoint issues
20:49 Create users db table
21:50 Hash password & save new user to db
24:29 Create login form
27:02 Implement authorize logic
32:19 Test login functionality
33:17 Add login / logout links
36:52 Redirect on successful login
38:20 Protect routes if logged in
40:01 Protect routes if logged out

#nextjs #nextauth #nextjstutorial

[WebDevEducation]

Who thinks I should create a next-auth with github login next? 👀😆

[bandekhoda]

Finally someone making a simple yet completely efficient auth example; I watched and read 20+ tuts on this matter and all of them either cut corners or implemented the most obscure auth ever... Subscribed!

[zb]

FINALLY! I agree that everybody does not have these cloud services. user/pass is good, always has been. Thank you brother!

[osoznayka]

Finally at least something usefull. I don't want to use any "cloud" services. All tutorials anbout nextJS is only about "connecting" a lot of cloud services. In this video I see only postgres via Vercel - very nice.
8 cloudless NextJS points out of 10
Thanks!

[oguzhanercelik]

This is the INSANE video i have ever seen. I was searching this tech stack and implementations for a week but, i couldnt find full of this on the same video. Thank you very very much you'r the best!!

[tsykin]

Immediately subscribed! This content is golden! 💎
Thank you so much for showing credentials setup with NextAuth. I really enjoy how well-structured your guides, and you also manage to add a human touch to them. Please, continue will this great content! 👍

[hamzakhan-gnue]

after 2 days of searching, landed on the right video with minimal design and accurate explanation.
thanks.

[marcinknara]

Bless your soul for this tutorial, came in clutch when no other documentation or tutorials made any of this clear. Cheers!

[kamikazeslammer]

This is exactly what I was looking for. Thank you for helping with next-auth!

[zarkarkas]

Thank you for the video! I'm learning NextJs now but it's difficult to find clear tutorials with App Router. This is finally clear on the project structure and flow for NextAuth!👍

[gcfhornet]

Until now, the best tutorial about nextauth credentials I found, helped a lot. Thanks for sharing. 👌

[uchennaofoma]

This video is amazing. Rewatching it for the 4th time

[hakanaki]

Finally, someone with brains. Thanks for this tutorial

[BullsEye]

Thanks a lot !
Had a hard time following, but 0.75x speed and lots of pause, it all went well :)

[sandwidimohamed]

This video saved today of work, really thank

[mattcrane]

Great Tutorial!, would be keen to an extension to this tut to add google sign in to same login page. Thanks for the hard work putting this tutorial together!

[DiksiAhida]

This is the tutorial that im searchin for!
thank you so much 💖

[Not_Aran]

Programming while in a car turned off is wild. Insane that you didn't get hot while inside the car (still watching 3 mins in)

[TheBuddilla]

This is great, thank you... As a suggestion maybe go a little deeper and show a graphql implementation.

[webdeveloper]

OMG. what I am looking for, Thank you