How to use Credentials Authentication in Next.js with NextAuth?
Hello, my friends and fellow developers!
In this video, we cover how you can set up the Credentials Provider by NextAuth properly in your Next.js app! We also use Prisma, Zod, and TypeScript to the mix
Let me know in the comments below if you want more Next.js content or something else.
GitHub Repository - https://github.com/max-programming/au...
NextAuth Prisma Adapter - https://authjs.dev/reference/adapter/...
🔥 Timestamps Start 🔥
00:00 - Intro
00:30 - Create Next App
01:14 - Setup Prisma with SQLite
03:34 - Install NextAuth + Other Dependencies
04:06 - User Registration API
10:13 - NextAuth - Create API Route
11:36 - NextAuth - Credentials Provider
16:38 - NextAuth - Callbacks
19:21 - NextAuth - Pages
19:43 - NextAuth - Session Strategy
19:57 - NextAuth - JWT Secret
20:23 - Working on the frontend
20:56 - Register Page Functionality
26:12 - Open Prisma Studio
26:30 - Display logged-in user on the homepage
29:28 - Login Page Functionality
30:40 - Fixing a TypeScript error
31:22 - Conclusion
🔥 Timestamps End 🔥
Other Tutorials:
⚛️ React and Material UI Todo App: https://bit.ly/reactmattodo
🟨 Other JavaScript videos: https://bit.ly/jstutorials
📘 Visual Studio Code videos: https://bit.ly/vscodevids
🔋 Build a Battery App in JS: • 🔋 Build a Battery Info app with JavaS...
Connect 🔗 :
Twitter: / maxprogramming1
Facebook: / max-programming-103081931147293
Github: https://github.com/max-programming/
VS Code Theme used: 😎 Dark Modern
Suggest, ask doubts in the comments and share these videos to help!
Thanks for Watching!
#nextjs #typescript #reactjs
Смотрите видео How to use Credentials Authentication in Next.js with NextAuth? онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Max Programming 07 Май 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 16,493 раз и оно понравилось 239 людям.