API Routes de Next.js
Route Handlers, solicitudes GET/POST, middleware, CORS, autenticación, manejo de errores
1¿Qué es un Route Handler en Next.js 13+ con el App Router?
¿Qué es un Route Handler en Next.js 13+ con el App Router?
Respuesta
Un Route Handler es una función del servidor en un archivo route.ts (o route.js) que permite crear endpoints API personalizados. A diferencia de las API Routes del Pages Router (carpeta pages/api), los Route Handlers se ubican en la carpeta app/ y soportan Web Standard Request/Response. Permiten manejar solicitudes HTTP (GET, POST, PUT, DELETE, etc.) del lado del servidor.
2¿Cómo crear un Route Handler para manejar una solicitud GET?
¿Cómo crear un Route Handler para manejar una solicitud GET?
Respuesta
Para manejar una solicitud GET, se debe exportar una función async llamada GET en un archivo route.ts. Esta función recibe un objeto Request y retorna una Response usando NextResponse.json(). Next.js mapea automáticamente la función GET exportada a las solicitudes HTTP GET en esa ruta. Los demás métodos HTTP (POST, PUT, DELETE, PATCH) siguen el mismo patrón con sus respectivos nombres.
3¿Cuál es la diferencia entre NextResponse y Response estándar?
¿Cuál es la diferencia entre NextResponse y Response estándar?
Respuesta
NextResponse extiende la clase Response estándar de la Web con funcionalidades específicas de Next.js. Ofrece métodos prácticos como NextResponse.json() para la serialización automática, NextResponse.redirect() para redirecciones, y facilita la manipulación de cookies y headers. Aunque Response estándar funciona, se recomienda NextResponse porque simplifica el código y ofrece una mejor integración con el ecosistema de Next.js.
¿Cómo obtener los parámetros de búsqueda (query params) en un Route Handler?
¿Cómo manejar una solicitud POST y obtener el body JSON?
+17 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
Metadata & SEO en Next.js
Middleware y Auth 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