//
Busca en todas las páginas de la documentación
8 pages in this section.
Renderiza componentes React en el servidor con cero JavaScript del lado del cliente -- el comportamiento predeterminado en el Next.js App Router.
Agrega interactividad con "use client" -- hooks, manejadores de eventos y APIs del navegador.
Mezcla Server Components y Client Components de forma efectiva utilizando el patrón children, slots y arquitectura consciente de límites.
Entiende cuándo Next.js renderiza rutas en tiempo de compilación (estático) versus tiempo de solicitud (dinámico), y cómo controlarlo.
Sirve un shell estático al instante y transmite contenido dinámico en límites Suspense -- lo mejor de renderizado estático y dinámico.
Sirve imágenes optimizadas y receptivas con next/image: conversión automática de formato, carga diferida y sugerencias de tamaño.
Auto-aloja y optimiza fuentes web con next/font -- sin desplazamiento de diseño, sin solicitudes de red externas, subsetting automático.
Un resumen condensado de las 25 mejores prácticas más importantes extraídas de cada página de esta sección.