A lo largo de las versiones 16.x, Next.js introdujo un nuevo modelo de programación que aborda las frustraciones del App Router: cargas iniciales rápidas, navegaciones en cliente instantáneas y caché declarativo opcional. Este modelo, llamado Componentes de Caché, se convertirá en el predeterminado en Next.js 17. Hasta esta versión, no se recomendaba universalmente debido a brechas de rendimiento.
Las características clave en 16.4 cierran esas brechas, permitiendo que Next.js recomiende Componentes de Caché como la mejor opción para cualquier aplicación. Comenzando con 16.4, todas las nuevas aplicaciones creadas con create-next-app tienen Componentes de Caché habilitados por defecto. Los proyectos nuevos pueden adoptar el modelo sin reservas.
Para aplicaciones existentes, el nuevo comando `next upgrade --agent` proporciona orientación específica para versiones y agentes de ayuda dedicados con solitudes necesarias para adoptar Componentes de Caché. 16.4 también incluye mejoras de cajón para todas las aplicaciones: menos uso de memoria y disco en desarrollo, tiempos de compilación reducidos, paquetes de producción más pequeños y React 19.3. Los Componentes de Caché son un conjunto de características que permiten a los desarrolladores marcar partes específicas de un árbol de componentes como elegibles para la caché. Usando anotaciones 'use cache', Next.js almacena en caché la interfaz de usuario del componente durante las navegaciones del cliente y opcionalmente en el servidor durante el renderizado o la compilación.
Estas anotaciones composables mezclan caché del lado del cliente, caché del lado del servidor pluggable y renderizado en tiempo de solicitud dentro de una sola página, reemplazando comportamientos implícitos de caché de versiones anteriores del App Router. Una característica distintiva permite que las páginas transmitan contenido estático y dinámico juntos en una sola respuesta del servidor, permitiendo interfaces de usuario sofisticadas sin sacrificar velocidad. Para páginas completamente estáticas, la nueva opción Static garantiza que la shell de la ruta, prefetch o navegación sea estática, previniendo que componentes dinámicos degraduen accidentalmente el rendimiento o las características de costo.
Fuente: Hacker News · Resumido por HeadlinesBriefing