Data Fetching en Next.js
Server-side rendering (SSR), generación estática (SSG), regeneración estática incremental (ISR), streaming
1¿Cuál es el comportamiento predeterminado de los Server Components en Next.js App Router para el data fetching?
¿Cuál es el comportamiento predeterminado de los Server Components en Next.js App Router para el data fetching?
Respuesta
Los Server Components realizan el data fetching en el servidor con cada solicitud por defecto, garantizando datos frescos. A diferencia del Pages Router donde se necesitaba getServerSideProps, los Server Components hacen el SSR implícito. Para el caché estático, se debe agregar la opción cache: 'force-cache' al fetch.
2¿Qué opción de caché del fetch equivale a getStaticProps en Pages Router?
¿Qué opción de caché del fetch equivale a getStaticProps en Pages Router?
Respuesta
La opción cache: 'force-cache' indica a Next.js que almacene la respuesta en caché hasta que se invalide manualmente, equivalente a getStaticProps. Esta estrategia genera contenido estático que permanece en caché indefinidamente. La opción 'no-store' equivale a getServerSideProps (re-fetch en cada solicitud), mientras que next.revalidate equivale a getStaticProps con revalidate (ISR).
3¿Cómo forzar el data fetching dinámico en cada solicitud (equivalente a getServerSideProps)?
¿Cómo forzar el data fetching dinámico en cada solicitud (equivalente a getServerSideProps)?
Respuesta
La opción cache: 'no-store' deshabilita completamente el caché y fuerza el re-fetch en cada solicitud, equivalente a getServerSideProps. Esta estrategia garantiza datos siempre frescos pero aumenta la latencia. Úsala para datos en tiempo real (dashboards, notificaciones, precios en vivo) donde la frescura es crítica.
¿Cómo implementar ISR (Incremental Static Regeneration) con revalidación cada hora?
¿Qué hace el export 'export const revalidate = 60' a nivel de página?
+21 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
Server Actions de Next.js
Routing y Navegación en Next.js
API Routes de 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