Let's learn about next-auth v5 for complete authentication and authorization in next.js 15 using app directory structure. It includes installing required packages, configure auth.js v5 along with prisma orm, connect mongodb, setting up app layout, implement login, signup, login with github and finally, protecting routes using server components, middleware's and protecting api routes.
00:05 Demo
02:15 Create Next.js project
05:00 Install required packages
06:45 Configure Auth.js v5 in Next.js
12:45 Configure Prisma
19:15 Configure mongodb url
22:40 Generate prisma schema for mongodb
24:00 Configure GitHub login
26:35 App layout and manage sessions
35:30 Login page UI
39:00 login logout server actions
46:13 Testing login with GitHub
49:50 Protecting routes
57:10 Protecting apis
59:55 Build login page form
01:06:50 login with credentials server action
01:11:45 Credentials provider in auth.js v5
01:13:55 hash password
01:15:30 User registration
01:17:20 Update User schema
01:18:55 Final testing
#nextjs14 #nextjs15 #authjsv5
Follow Whatsapp Channel:
https://whatsapp.com/channel/0029Va7y...
React tutorials:
• React.js Tutorials
JavaScript Tutorials and Projects:
• JavaScript Tutorial and Projects
Angular Tutorials:
• Angular 16 Life Cycle Hooks - Explain...
Docker Tutorials & CI/CD:
• Docker Tutorials & CI/CD
Angular 16 Crash Course For Beginners:
• Angular 16 Crash Course
Tech Tutorials - Random:
• Postman Tutorial - Testing APIs and B...
Complete Next.js 13 Tutorials: • Next.js 13 Tutorials - App Directory
Next.js 14 Tutorials:
• Next.js 14 Tutorials - App Directory
Node Express MongoDB Bootcamp: • Build REST API with Node Express MongoDB
ChatGPT Tutorials: • ChatGPT
Join our facebook group:
/ 996305460498149
Github Repo (Give it a Star):
https://github.com/umairjameel321/aut...
Contact us for development services:
/ umair-jameel-24aa5368