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!
https://www.udemy.com/course/shadcn-u...

Want the EASIEST way to implement auth?
   • EASIEST auth in Next JS 14.  

⭐️ https://webdeveducation.com

💻 next-auth tutorial github repo:
https://github.com/tomphill/nextauth-tut

🔔 Subscribe if you want more free tutorials like this one! https://youtube.com/c/webdeveducation...

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