Middleware & Auth Next.js
Middleware, NextAuth.js, JWT, session management, protected routes, RBAC
1Qu'est-ce qu'un middleware dans Next.js ?
Qu'est-ce qu'un middleware dans Next.js ?
Réponse
Le middleware Next.js est un code qui s'exécute avant qu'une requête soit traitée, permettant de modifier la réponse, de rediriger, d'ajouter des headers ou de bloquer l'accès. Il s'exécute sur l'Edge Runtime pour des performances optimales. Typiquement utilisé pour l'authentification, la géolocalisation ou le logging.
2Où placer le fichier middleware dans un projet Next.js avec App Router ?
Où placer le fichier middleware dans un projet Next.js avec App Router ?
Réponse
Le fichier middleware.ts (ou .js) doit être placé à la racine du projet, au même niveau que le dossier app. Next.js détecte automatiquement ce fichier et l'exécute pour toutes les routes. Alternativement, il peut être placé dans le dossier src si le projet utilise cette structure.
3Comment définir les routes sur lesquelles le middleware s'exécute ?
Comment définir les routes sur lesquelles le middleware s'exécute ?
Réponse
Utiliser la configuration matcher dans le middleware permet de spécifier les routes concernées via des patterns de chemins. Par défaut, le middleware s'exécute sur toutes les routes sauf les fichiers statiques. Le matcher supporte les wildcards et les regex pour un contrôle précis des routes ciblées.
Quel est l'avantage principal d'utiliser NextAuth.js pour l'authentification ?
Comment protéger une route avec le middleware Next.js ?
+19 questions d'entretien
Autres sujets d'entretien React / Next.js
Les bases de JavaScript
Fondamentaux React
React Hooks
Cycle de vie des composants
React Router
Gestion d'état avec Context
Formulaires & Composants contrôlés
Fetching de données & API
React Query (TanStack Query)
Styling & CSS-in-JS
Fondamentaux Next.js
TypeScript avec React
Data Fetching Next.js
Server Actions Next.js
Routing & Navigation Next.js
API Routes Next.js
Metadata & SEO Next.js
Testing React
Zustand State Management
Optimisation Performance React
Error Boundaries & Error Handling
Advanced React Patterns
Fonctionnalités avancées Next.js
Déploiement & Production Next.js
Architecture & Design Patterns
React Server Components
Internationalisation Next.js
Sécurité & Best Practices React
Maîtrise React / Next.js pour ton prochain entretien
Accède à toutes les questions, flashcards, tests techniques, exercices de code review et simulateurs d'entretien.
Commencer gratuitement