Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Configuración de la Autenticación y Protección de Rutas | Implementación de Autenticación en Next.js
Dominio de Next.js 14 para Construir Aplicaciones Web Modernas

bookConfiguración de la Autenticación y Protección de Rutas

Volver al proyecto

1. Adición de página de inicio de sesión personalizada

Cree un archivo auth.config.ts en la raíz del proyecto con este contenido:

Esto especifica una ruta personalizada para la página de inicio de sesión (/login) utilizando la opción pages.

2. Protección de rutas con Middleware

Extiende auth.config.ts para incluir la lógica de protección de rutas. Los usuarios son redirigidos a la página de inicio de sesión si intentan acceder al panel sin haber iniciado sesión.

3. Middleware

Crea un archivo middleware.ts para inicializar NextAuth.js y proteger rutas utilizando la configuración especificada.

Se configuró una página personalizada de inicio de sesión y se añadió lógica para proteger rutas. El Middleware garantiza que las rutas protegidas no se rendericen hasta que se verifique la autenticación, mejorando tanto la seguridad como el rendimiento.

En la práctica

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 7. Capítulo 4

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

Can you explain how the matcher in middleware.ts works?

What should I do if I want to protect additional routes?

How do I add authentication providers to this setup?

Awesome!

Completion rate improved to 2.08

bookConfiguración de la Autenticación y Protección de Rutas

Desliza para mostrar el menú

Volver al proyecto

1. Adición de página de inicio de sesión personalizada

Cree un archivo auth.config.ts en la raíz del proyecto con este contenido:

Esto especifica una ruta personalizada para la página de inicio de sesión (/login) utilizando la opción pages.

2. Protección de rutas con Middleware

Extiende auth.config.ts para incluir la lógica de protección de rutas. Los usuarios son redirigidos a la página de inicio de sesión si intentan acceder al panel sin haber iniciado sesión.

3. Middleware

Crea un archivo middleware.ts para inicializar NextAuth.js y proteger rutas utilizando la configuración especificada.

Se configuró una página personalizada de inicio de sesión y se añadió lógica para proteger rutas. El Middleware garantiza que las rutas protegidas no se rendericen hasta que se verifique la autenticación, mejorando tanto la seguridad como el rendimiento.

En la práctica

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 7. Capítulo 4
some-alt