Next Auth v5 Complete Guide in Next.js 15 with Prisma and MongoDB

Подписаться 8 тыс.

Просмотров 13 тыс.

50% 1

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/c...
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/uma...
Contact us for development services:
/ umair-jameel-24aa5368

Опубликовано:

15 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 29

@Parvez-vb4sb 2 месяца назад

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

@c0d3mav3rick 2 месяца назад

Thanks Umair. I was dealing with `signIn` issue for while. I was debugging since yesterday and not getting output. I was keep getting `NEXT_DIRECT` error but after using that switch case in auth.ts, it's working like charm. Keep posting 🚀

@iAmUmair05 3 месяца назад

All video of this playlist is worth to watch...pure quality content

@regilearn2138 3 месяца назад

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.

@FaridAhmadNoori-qn3cv Месяц назад

till 1 hour the video was good after that you copy paste all the credential's and you say that you modified it idk what happened!

@redbeardjunior Месяц назад

I have a question ! if we change the prisma schema or anything else after we are done ! is there a need to rerun the npx prisma generate & npx prisma db push ?

@leroylusenaka46 Месяц назад

Good video .. how about a sign up form ?

@ProgrammingwithUmair321 Месяц назад

User automatically get created in db while using signin form if it is not already created. So in single step form, we are handling signup and signin. This flow is being followed by many now a days.