En este tutorial veremos como implementar Next Auth en su versión 5 en un proyecto de Next.js v.14. Aplicaremos Credentials para autenticar usuarios con email y contraseña, almacenarlos en bases de datos Postgres y gestionando roles y rutas protegidas. Utilizaremos Prisma ORM y shadcn para los componentes de React con TailwindCSS.
Cursos en UDEMY:
🧨 HTML + CSS + Bootstrap 5 + JS: https://bit.ly/3iyMBh3
🧨 React + Next 14 + Firebase: https://bit.ly/3JCSsht
🧨 Vue 3 + Firebase: https://bit.ly/3IwyHGJ
🧨 HTML y CSS (gratis): https://bit.ly/3PM4x5U
⭐ Video #02: Auth.js + OAuth (Google y Github):
https://youtu.be/_-dqdMBh24k
⭐ Código github: https://github.com/bluuweb/example-next-auth-v5
⭐ Website: https://bluuweb.dev
⭐ Discord: https://bit.ly/3lpz7J2
Contenido:
00:00:00 Introducción
00:01:44 Next 14 tutorial
00:14:59 Login Form
00:29:28 Auth.js instalación
00:35:32 Prisma ORM
00:48:56 Credentials Auth.js
01:08:48 Prisma Schema
01:26:29 Register Form
01:36:21 Roles de usuario
01:43:03 Middlewares rutas protegidas
01:46:47 Verificación de email
#nextjs14 #prisma #reactjs
Redes Sociales:
💩 https://www.twitch.tv/bluuweb
💩 https://www.instagram.com/bluuweb_youtube
💩 https://www.facebook.com/bluuweb
💩 https://twitter.com/bluuweb
💩 Regala un Cafecito para bluuweb: https://www.paypal.me/bluuweb
Mi Setup:
⭐️ Teclado Mecánico: https://amzn.to/3Ns6fdK
⭐️ Audífonos: https://amzn.to/3pwrzqt
⭐️ Micrófono: https://amzn.to/3JH4tV7
⭐️ Monitor: https://amzn.to/3NTt8Iu
⭐️ Procesador: https://amzn.to/3raD4EC
⭐️ Tarjeta de Video: https://amzn.to/437t78b