Next Auth v5 Complete Guide in Next.js 15 with Prisma and MongoDB
ฝัง
- เผยแพร่เมื่อ 23 มิ.ย. 2024
- 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:
whatsapp.com/channel/0029Va7y...
React tutorials:
• React.js Tutorials
JavaScript Tutorials and Projects:
• JavaScript Tutorial an...
Angular Tutorials:
• Angular 16 Life Cycle ...
Docker Tutorials & CI/CD:
• Docker Tutorials & CI/CD
Angular 16 Crash Course For Beginners:
• Angular 16 Crash Course
Tech Tutorials - Random:
• Postman Tutorial - Tes...
Complete Next.js 13 Tutorials: • Next.js 13 Tutorials -...
Next.js 14 Tutorials:
• Next.js 14 Tutorials -...
Node Express MongoDB Bootcamp: • Build REST API with No...
ChatGPT Tutorials: • ChatGPT
Join our facebook group:
/ 996305460498149
Github Repo (Give it a Star):
github.com/umairjameel321/aut...
Contact us for development services:
/ umair-jameel-24aa5368
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
All video of this playlist is worth to watch...pure quality content
Helpfully, thank you sir
GOOD WORK
Getting error on
handler : { GET , POST }
How can i solve it
Thanks brother
Appreciate you for this, What is the best practice for frontend if we use micro service for backend, Micro frontend or any other would appreciate if you can teach us microfrontend with react MERN.
Please make a video on access token and refresh token with auth js
i am also waiting
Fantastic video, please make a video for refresh token and access token with auth , thanks a million
How can error be seen and handled in the login page?
please can you make login with facebook I searched on youtube but no one cover how we can login with facebook
Awesome - yes, would love password reset via an email address :-)
turborepo + prisma +next + mongodb ?????????????
No sign up in this one ??
My implementation of login auto register (signup) user in db if it is not already registered.
Thanks! I think that dependencies mongodb and adapter/mongo are unnecessary because you are using prisma as orm
where is the source code??
Repo link is in description.