Autenticación con NextJS #nextjs #nextjs13 #nextjstutorial

preview_player
Показать описание
En este vídeo sobre NextJS aprenderás paso a paso a proteger tus rutas e implementar autenticación mediante middlewares.

En este vídeo sobre NextJS quiero enseñarte dos formas distintas de implementar un sistema de autenticación y proteger tus rutas.

[00:00] Introducción
[01:06] Autenticación con API Context
[13:00] Autenticación a nivel de servidor
[14:10] Cookie de sesión
[16:53] Middleware para proteger rutas

En el primero de ellos, emplearemos un sistema de autenticación que se ejecutará en el navegador gracias a la combinación de API Context y el sistema de rutas que proporciona NextJS mediante su componente Router. Este sistema es un viejo conocido, ya que es la forma en que protegíamos rutas cuando trabajábamos con React Router.

En la segunda forma, aprovecharemos al máximo las características que nos ofrece NextJS para proteger nuestras rutas mediante un middleware que establecerá una cookie de sesión.

Gracias a este vídeo, podrás aprender paso cómo proteger tus rutas si estás trabajando con NextJS y descubrir algunas de las nuevas características que el framework ha implementado en sus últimas versiones, como por ejemplo, los middlewares.

💛 ¡Espero que te guste!
Рекомендации по теме
Комментарии
Автор

Efectivamente hay muy poco contenido de calidad como este, incluso en ingles esta dificil encontrar un video tan completo sobre autenticaciones en Next js, muchas muchas gracias

davidlopercol
Автор

Tremendo me encanto!!! porq es verdad no hay mucho contenido sobre esta tecnología y como implementarlas 👏👏👏

mauvllgs
Автор

gracias bro, por fa sigue haciendo videos

enriquealejo
Автор

Excelente resumen, yo también anduve va de buscar ejemplos con la nueva version de NextJs 13. Gracias !!!

VictorHugoCornejoCalderon
Автор

Muchas gracias por este contenido, muy bueno y poco usual, como tu dices encontrar este contenido en internet es un poco dificil y muy variado dependiendo de quien lo suba! Felicidades!!

FabiDev
Автор

Explicas genial, estaría interesante un video sobre nextjs-auth

diego.coder
Автор

Tienes razón, es poca la información de Auth en nextjs, además de ofrecer 2 alternativas. 🎉 Descubrir tu canal 🎉

carlosmbravoa
Автор

Muy buen video, al entrar pensé que sería un tutorial de como usar la librería nextAuth pero no. Un 10!!

MrCone
Автор

Muy buen contenido! no se encuentra esto en todo el internet casi. Un tema que serviría para un video sería (según yo) ver las "buenas prácticas" de next.js 13, para aprovechar las funcionalidades de este y no repetir lo que hacíamos en React.js solo como librería y así aprovechar todo lo que entrega next.js como framework. Puede que sea amplio el tema al querer profundizar pero se puede dividir en varios videos.
Gracias!

abrahamsanchez
Автор

Muy bien explicado todos los temas!! Gracias por el video

mauroj.
Автор

Genial! Estoy encantado, justo lo que necesitaba, ! Suscrito y pilla tu like!

henryacero
Автор

marcar el authprovioder como componente de cliente 2:57
envolver layout con authprovider 6:15

emmapr
Автор

Excelente video, muy sencillo de entender, gracias....

adriancitog
Автор

Muy bueno el video, gracias! Me quedo una duda, en caso de que el token expire, como podríamos advertir esa situación y hacer que el usuario deba loguearse nuevamente?

matiassanchez
Автор

Donde puedo encontrar tus cursos, explicas super que bien, felicitaciones

erickgordillo
Автор

Hola, genial video!
¿Cuando uso 'use client' para AuthContext.Provider todos los children se convierten en componentes clientes?

stevenrome
Автор

me surigo una consulta... como podria consumir esa cookie desde el api/router ?? por ejemplo para mandar una solicitud post que necesite un token ??
muy bueno el video.
saludos!!

julian
Автор

Hola, oye con el segundo metodo que implementaste, no se podría acceder unicamente si ellos ya tienen el nombre de la cookie agregada al navegador? O habría que implementar algo adicional para evitar eso?

alexandercatalan
Автор

Yo he copiado el código igual y me da error en la parte cliente al entrar en /login -> ror: Element type is invalid. Received a promise that resolves to: undefined. Lazy element type must resolve to a class or function.
Luego también en la parte 'servidor' me dice que "window" no está definido.

diloes
Автор

Muchas gracias por el video, esta muy bueno, si yo usara redux toolkit, podria usar el authContext de tu video, de igual manera?

joadelh