Middleware y Auth en Next.js
Middleware, NextAuth.js, JWT, gestión de sesiones, rutas protegidas, RBAC
1¿Qué es un middleware en Next.js?
¿Qué es un middleware en Next.js?
Respuesta
El middleware de Next.js es código que se ejecuta antes de que se procese una solicitud, permitiendo modificar la respuesta, redirigir, agregar headers o bloquear el acceso. Se ejecuta en el Edge Runtime para un rendimiento óptimo. Se usa comúnmente para autenticación, geolocalización o logging.
2¿Dónde colocar el archivo middleware en un proyecto Next.js con App Router?
¿Dónde colocar el archivo middleware en un proyecto Next.js con App Router?
Respuesta
El archivo middleware.ts (o .js) debe colocarse en la raíz del proyecto, al mismo nivel que la carpeta app. Next.js detecta automáticamente este archivo y lo ejecuta para todas las rutas. Alternativamente, puede colocarse en la carpeta src si el proyecto utiliza esta estructura.
3¿Cómo definir las rutas en las que se ejecuta el middleware?
¿Cómo definir las rutas en las que se ejecuta el middleware?
Respuesta
Usar la configuración matcher en el middleware permite especificar las rutas involucradas mediante patrones de rutas. Por defecto, el middleware se ejecuta en todas las rutas excepto los archivos estáticos. El matcher soporta wildcards y regex para un control preciso de las rutas objetivo.
¿Cuál es la ventaja principal de usar NextAuth.js para la autenticación?
¿Cómo proteger una ruta con el middleware de Next.js?
+19 preguntas de entrevista
Otros temas de entrevista React / Next.js
Fundamentos de JavaScript
Fundamentos de React
React Hooks
Ciclo de vida de los componentes
React Router
Gestión de estado con Context
Formularios y Controlled Components
Obtención de datos y API
React Query (TanStack Query)
Styling & CSS-in-JS
Fundamentos de Next.js
TypeScript con React
Data Fetching en Next.js
Server Actions de Next.js
Routing y Navegación en Next.js
API Routes de Next.js
Metadata & SEO en Next.js
Testing en React
Zustand State Management
Optimización de Rendimiento en React
Error Boundaries & Error Handling
Advanced React Patterns
Características avanzadas de Next.js
Despliegue y Producción de Next.js
Architecture & Design Patterns
React Server Components
Internacionalización de Next.js
React Security & Buenas Prácticas
Domina React / Next.js para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis