Senior Next.js — Preguntas de entrevista Next.js

¿Cómo decides entre rendering estático, dinámico y revalidado?

Por cuán fresco debe estar el contenido y cuántas versiones distintas existen. Las páginas de marketing y artículos son estáticas con revalidation, ya que un minuto de obsolescencia no cuesta nada. Cualquier cosa personalizada es dinámica, porque una caché por usuario no es una caché. La trampa es hacer una página dinámica por accidente — leer cookies o headers en cualquier lugar del árbol saca a toda la ruta del rendering estático.

¿Cómo mantienes pequeño el bundle del cliente en una app con App Router?

Empuja 'use client' lo más abajo posible y mantén el fetching de datos en el servidor, ya que un componente que nunca llega al navegador no cuesta nada. Luego lo usual: imports dinámicos para widgets pesados, y revisar qué trae una dependencia — un client component importando una librería de fechas es cómo una página gana cien kilobytes. El analizador de bundle en CI es lo que lo mantiene honesto.

¿Qué se rompe cuando despliegas Next fuera de Vercel?

La optimización de imágenes necesita un loader que configures, ISR necesita storage compartido para que cada instancia revalide consistentemente, y el middleware corre en Node en vez de un edge runtime. Ninguno es un bloqueador, pero cada uno es una decisión que Vercel hace silenciosamente y el self-hosting hace explícita. Descubrirlo después de la migration es el orden caro.

¿Cómo manejas la autenticación a través de servidor y cliente?

Lee la sesión en el servidor — en un layout, un Server Component o middleware — así el contenido protegido nunca se envía a un navegador que no debería tenerlo. Un redirect del lado del cliente después del render filtra la página primero. El middleware maneja el gate grueso; la verificación fina pertenece junto a los datos, porque un route guard solo protege la página y no el endpoint.

¿Cuándo no usarías Next?

Cuando la app está detrás de un login y no tiene requisito de SEO o first-paint — un SPA plano es más simple de construir y de hospedar, y mucho del valor de Next es rendering de servidor que no usarías. También cuando el equipo no puede operar un servidor Node y un host estático es la restricción. Elegirlo por defecto es cómo un dashboard adquiere un modelo de rendering que nunca necesitó.