Novedades de Next.js 15: Un Vistazo Completo

Next.js 15, en su versión Release Candidate (RC), trae una serie de características nuevas y mejoras significativas que refuerzan su posición como uno de los frameworks más potentes para aplicaciones web. A continuación, se destacan las principales novedades y mejoras de esta versión.

Soporte para React 19 RC

Next.js 15 RC incluye soporte para React 19 RC, permitiendo a los desarrolladores aprovechar las nuevas APIs de React antes de su lanzamiento oficial. Esto incluye mejoras tanto para el cliente como para el servidor, como las acciones en React.

Compiler de React (Experimental)

Esta versión añade soporte para el nuevo compilador de React, una herramienta experimental creada por el equipo de Meta. Este compilador optimiza automáticamente el código, reduciendo la necesidad de memoización manual con APIs como useMemo y useCallback.

Configuración:

const nextConfig = {
  experimental: {
    reactCompiler: true,
  },
};
module.exports = nextConfig;

Mejoras en el Manejo de Errores de Hidratación

Next.js 15 mejora la visualización de errores de hidratación, proporcionando mensajes más claros y detallados, junto con sugerencias para solucionar los problemas.

Actualizaciones de Caché

Se han realizado cambios importantes en la caché predeterminada:

• Las solicitudes fetch, los manejadores de rutas GET y las navegaciones del cliente ya no se almacenan en caché por defecto.
• Opción para optar por la caché con configuraciones específicas.

Prerenderización Parcial (Experimental)

Next.js 15 introduce la prerenderización parcial, permitiendo una adopción incremental de esta característica que combina la renderización estática y dinámica en la misma página. Esto se logra envolviendo la UI dinámica en un límite de Suspense.

Configuración:

export const experimental_ppr = true;
const nextConfig = {
  experimental: {
    ppr: 'incremental',
  },
};
module.exports = nextConfig;

Nuevo API next/after (Experimental)

El nuevo API next/after permite ejecutar tareas secundarias, como el registro de logs o sincronización con sistemas externos, después de que la respuesta haya sido enviada al cliente.

Actualizaciones de create-next-app

Se ha rediseñado create-next-app con una nueva interfaz y una opción para habilitar Turbopack en el desarrollo local. También se ha agregado una bandera --empty para crear proyectos minimalistas.

Uso:

bashCopiar códigonpx create-next-app@rc --turbo
npx create-next-app@rc --empty

Optimización del Bundle de Paquetes Externos

Se ha mejorado el rendimiento de inicio en frío al permitir la inclusión de paquetes externos en el bundle por defecto en el App Router. En el Pages Router, se puede optar por esta funcionalidad mediante la configuración bundlePagesRouterDependencies.

Configuración:

const nextConfig = {
  bundlePagesRouterDependencies: true,
  serverExternalPackages: ['package-name'],
};
module.exports = nextConfig;

Otros Cambios

• Requisitos mínimos de React actualizados a la versión 19 RC.
• Cambios en next/image, incluyendo la eliminación de squoosh a favor de sharp.
• Mejoras en la documentación y soporte para nuevas configuraciones.

Next.js 15 RC se presenta como una actualización robusta que potencia la experiencia de desarrollo con mejoras en el rendimiento, nuevas funcionalidades experimentales y una mayor flexibilidad en la configuración de proyectos.

Referencias

• https://nextjs.org/blog/next-15-rc