Next.js 16.4 ya está disponible y trae un cambio de fondo: el equipo ahora recomienda Cache Components, su nueva forma de decidir qué se guarda en caché, para cualquier aplicación. Hasta esta versión no lo aconsejaba de manera general.
Además hay mejoras que recibes sin mover nada, como una caché de disco más chica, paquetes de producción más ligeros y React 19.3.
¿Qué pasó?
El equipo de Next.js, el framework de React que mantiene Vercel, publicó la versión 16.4 el 6 de octubre de 2026. Un framework es un conjunto de herramientas ya armadas para construir sitios y aplicaciones web.
La novedad central es Cache Components. Con este modelo nada se guarda en caché por sorpresa: tú marcas con la instrucción 'use cache' las partes de la página que pueden reutilizarse y por cuánto tiempo. Desde ahora, los proyectos creados con create-next-app lo traen activado, y el equipo adelantó que será el comportamiento normal en Next.js 17.
Para este modelo llegan dos controles nuevos. ensureStatic hace que la compilación falle si una ruta que debía ser estática termina con contenido que se genera en cada visita. Y las funciones navigation() y prefetch() permiten dejar fuera de la precarga las partes costosas de una página, para que solo se pidan cuando la persona realmente entra.
Del lado de Turbopack, el empaquetador de Next.js, la caché en disco ocupa entre 20 y 25% menos gracias a la compresión Zstandard. En desarrollo, los cambios en el servidor solo se compilan para la página que estás viendo. En producción, los nombres de clases de CSS Modules y los nombres internos de exportación se acortan para que los archivos pesen menos.
La versión incluye React 19.3, con View Transitions y Fragment Refs ya estables. También mejora el compilador de React escrito en Rust, que sigue siendo experimental: según el equipo, usa 30% menos memoria y compila 15% más rápido.
¿Por qué te importa?
Si empiezas un proyecto hoy, lo harás con el modelo de caché nuevo desde el primer día, así que conviene entenderlo antes de escribir la primera página. Si ya tienes una app, nada se rompe: Cache Components sigue siendo opcional en los proyectos existentes.
ensureStatic es útil para tiendas, blogs y páginas de marketing. Evita que un componente dinámico se cuele en una ruta y te suba la cuenta del servidor sin que nadie lo note.
También hay novedades para quienes trabajan con agentes de IA. El comando next upgrade gana la opción --agent, que le entrega al agente las guías de migración y los pasos de verificación para actualizar la app. Y un ajuste experimental llamado agentUpgrade te avisa cuando sale una versión que corrige fallas de seguridad en la que tienes instalada.
¿Qué puedes hacer?
- Actualiza primero en una rama aparte con
npm install next@latest, corre tus pruebas y revisa la app antes de subirla a producción. - Si usas un agente para actualizar, revisa cada cambio que proponga; el comando le da las guías, pero la decisión sigue siendo tuya.
- En proyectos nuevos, lee la guía de caché de la documentación oficial antes de empezar, porque Cache Components ya viene activado.
- Si tu sitio debe ser estático, prueba
ensureStaticen una ruta y confirma que la compilación te avisa cuando algo dinámico se cuela. - Deja las funciones experimentales, como el compilador en Rust o la limpieza de la caché, para un proyecto de prueba.
Sigue leyendo
- Next.js 16.3.8 corrige siete fallas de seguridad: actualiza ya
- Vinext 1.0: tu app de Next.js corriendo sobre Vite
Fuentes
- Blog de Next.js: Next.js 16.4
- AlternativeTo: Next.js 16.4 boosts performance with Turbopack optimizations and React 19.3 integration
- Private DevOps: Next.js 16.4 Shrinks the Turbopack Cache by Up to a Quarter
Imagen de portada: foto de Daniil Komov en Pexels.