Nextjs Autenticación con Json Web Tokens (JWT), y Rutas Protegidas con Middlewares

Este es un ejemplo práctico de Nextjs, en donde aprenderemos a crear un sistema de autenticacíon sencillo, usando JSON Web Tokens (JWT), y las enviaremos a traves de cookies. En este ejemplo crearemos un proyecto sencillo usando las API Routes de Nextjs, y crearemos un tipico flujo de paginas, con algunas paginas privadas o Rutas protegidas usando un concepto de Nextjs llamado Middleware.

Indice del Contenido
00:00 Introduccíon
00:47 Backend Setup
11:38 Enviar Token en cookie
24:15 usando token en cookie
34:18 Logout
43:36 Rutas protegidas
01:05:00 Despedida

Código del ejemplo practico:

🎥 Videos Recomendados:

👨‍💻 ¿Qué servicios y productos utilizo?

#react #tailwindcss #nodejs

#nextjs #restapis #reactjs

[FaztCode]

Coders, este video ha sido editado por un editor, así que si tienen algún problema, con algún corte o algo que se hizo mal en la edición. Por favor comenten el error en que minuto, en un nuevo comentario para poder ver el error y evitar que suceda a futuro. Gracias por ver :)

[nihil_um]

Gran explicación.

Por fin he podido entender, de forma clara, cómo funcionan los middlewares en Nextjs

Gracias y un saludo.

[luisfernandosierra]

Este video lo estaba esperando hace mucho, muchas gracias. Excelente aporte

[gersonrodriguez]

Buen video Fazt, gracias a tí evité comprar cursos costosos, todo lo que enseñas es contenido premium

[arnoldcruz]

Fazt te luciste con este video y con todos los que haces. Espero esos próximos ejemplos siguiendo este enfoque. 😁👌

[MrBraianzzz]

Me saco el sombrero de lo excelente que están editados los videos. 👏 Kudos for you Fazt!

[SonGoku-pcjl]

Fazt ha sido una clase magistral, he disfrutado mucho y ya tengo ganas de mañana arrancar con eso metiendo mongodb o a ver donde. Muchisimas gracias por explicarnoslo todo y explicarnoslo tan bién. Disfruto muchisimo aprendiendo contigo y cada dia me sirve más :) por cierto lo que dices del corte es en 1:02:48 cuando next nos dice que al match general le pongamos :path* :)

[breimerct]

Estaba esperando este video!!! He crecido mucho como desarrollador gracias a tus videos! Te amo k-bron!!!

[albertosoftware]

nunca habia podido entender de forma generalizada este tema hasta que me tope con este video.

[Deus-lo-Vuilt]

Gracias por el video Fazt, justo mis palabras preferidas, ejemplo practico y donde voy a enseñarles

[karlosorozco]

¡Gracias! Excelente video, sigue con este canal, comparte más de nextjs!

[cosmoscrew]

Que rápido fazt!
No tiene mucho que me respondiste el comentario donde te pedía esto
Muchas gracias!

[daedsoft]

Últimamente Fazt me salva la vida más de lo que merezco, jajaja. Gracias por este tutorial.

[Seven]

justo lo que nesesitaba para implementar en mi siguiente proyecto... muchas gracias fazt

[abnermartinez]

Super genial video para aprender autenticación en next espero hagas pronto mas video de next, Gracias FaztGod!!!

[santiagocortes]

Impecable explicacion como siempre, super util toda la info que subis, gracias y saludos!

[joaquinbustelo]

Muchas gracias Fazt!, lo quise hacer con vite y aprendi un monton de cosas que no sabía porque tube muchos errores al mandar las cookies y tambien al recibirlas pero pude resolver de apoco cada problema

[luishernandosendoyaserrato]

Excelente y claro. Mil gracias por el contenido, eres inspirador.

[Gomplayer]

estuve buscando muchas formas y tutoriales para poder proteger rutas. Gracias por el tutorial.
voy a ver como aplico esto con tu tutorial de react con firebase pero en nextjs.

[maurolobo]

Excelente video!! Estoy con Nextjs 14, cambie algunas cositas por el App Router pero tu explicacion me sirvio muchisimo!!