API Routes Next.js
Route Handlers, GET/POST requests, middleware, CORS, authentication, error handling
1Qu'est-ce qu'un Route Handler dans Next.js 13+ avec l'App Router ?
Qu'est-ce qu'un Route Handler dans Next.js 13+ avec l'App Router ?
Réponse
Un Route Handler est une fonction serveur dans un fichier route.ts (ou route.js) qui permet de créer des endpoints API personnalisés. Contrairement aux API Routes du Pages Router (dossier pages/api), les Route Handlers se trouvent dans le dossier app/ et supportent les Web Standard Request/Response. Ils permettent de gérer les requêtes HTTP (GET, POST, PUT, DELETE, etc.) côté serveur.
2Comment créer un Route Handler pour gérer une requête GET ?
Comment créer un Route Handler pour gérer une requête GET ?
Réponse
Pour gérer une requête GET, il faut exporter une fonction async nommée GET dans un fichier route.ts. Cette fonction reçoit un objet Request et retourne une Response avec NextResponse.json(). Next.js mappe automatiquement la fonction GET exportée aux requêtes HTTP GET sur cette route. Les autres méthodes HTTP (POST, PUT, DELETE, PATCH) suivent le même pattern avec leurs noms respectifs.
3Quelle est la différence entre NextResponse et Response standard ?
Quelle est la différence entre NextResponse et Response standard ?
Réponse
NextResponse étend la classe Response standard du Web avec des fonctionnalités spécifiques à Next.js. Il offre des méthodes pratiques comme NextResponse.json() pour la sérialisation automatique, NextResponse.redirect() pour les redirections, et permet de manipuler les cookies et headers plus facilement. Bien que Response standard fonctionne, NextResponse est recommandé car il simplifie le code et offre une meilleure intégration avec l'écosystème Next.js.
Comment récupérer les paramètres de recherche (query params) dans un Route Handler ?
Comment gérer une requête POST et récupérer le body JSON ?
+17 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
Metadata & SEO Next.js
Middleware & Auth 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