Las entrevistas de Next.js se centran en estrategias de rendering, el App Router, server components, y caching — las partes que separan a Next de React plano. Aquí están las preguntas más comunes con respuestas modelo. Middle: comprensión más profunda, optimización y situaciones reales de trabajo.
Hay varias capas: el memo de request dentro de un render, la caché de datos entre requests, y la caché de ruta completa para rutas estáticas. Lo que sorprende a la gente es cuánto se cachea por defecto — un fetch se cachea a menos que digas lo contrario, así una página muestra datos obsoletos y nadie cambió nada. revalidate y cache: 'no-store' son cómo te sales de eso.
Una función marcada 'use server' que un client component puede llamar directamente, con Next manejando el request. Conviene para mutaciones desde un formulario sin escribir una ruta de API, y puede revalidar la caché afectada en la misma llamada. Lo que no es es un RPC general — es un POST por debajo, así que no conviene para nada que debería ser un GET.
revalidatePath invalida la caché para una ruta; revalidateTag invalida cada fetch que fue etiquetado, dondequiera que se use. Los tags son la mejor herramienta una vez que los mismos datos aparecen en varias páginas, porque dejas de tener que recordar qué rutas invalidar cuando algo cambia.
El servidor envía HTML a medida que está listo en vez de esperar a la consulta más lenta. Envolver una parte lenta en Suspense con un fallback deja que el resto de la página llegue inmediatamente y la pieza lenta llegue en stream después. La ganancia es real para una página con un widget lento, y desaparece si todo está dentro de un límite.
Cualquier cosa con prefijo NEXT_PUBLIC_ se inlinea en el bundle del navegador y por lo tanto es pública — una clave ahí es una clave publicada. Todo lo demás es solo-servidor y accesible en Server Components, route handlers y actions. El error es recurrir al prefijo para arreglar una variable undefined en un client component, lo que silenciosamente envía el secreto.
Le dice a Next qué valores de ruta dinámica prerenderizar en tiempo de build, convirtiendo [slug] en un conjunto de páginas estáticas. Cualquier cosa no en la lista se renderiza on demand y luego se puede cachear. Es lo que hace estático a un sitio de contenido sin renunciar al routing dinámico.
En una entrevista real hablas bajo presión. Cam hace estas mismas preguntas, evalúa cada respuesta y muestra exactamente qué mejorar.
Practicar entrevista de Middle Next.js →