Next.js 15: Un Salto Generacional en el Desarrollo Web
Next.js 15 consolida años de iteración sobre el App Router y trae consigo cambios que afectan tanto el rendimiento en producción como la experiencia de desarrollo. Si tu equipo trabaja con React y aún no ha migrado, este artículo te explica exactamente qué esperar y cómo priorizar la adopción.
Turbopack Estable: Builds hasta 76% más Rápidos
Turbopack, el nuevo bundler escrito en Rust que Vercel ha estado desarrollando durante dos años, llega finalmente en estado estable con Next.js 15. Los resultados en proyectos reales son contundentes:
- Cold starts: hasta 76% más rápidos que Webpack en proyectos grandes
- HMR (Hot Module Replacement): actualizaciones en menos de 50ms incluso en proyectos con miles de módulos
- Uso de memoria: reducción significativa gracias al modelo incremental de Turbopack
Para activarlo en tu proyecto existente, solo necesitas actualizar tu script de desarrollo:
next dev --turbopack
React 19 como Base: Nuevos Hooks y Mejoras
Next.js 15 requiere React 19, lo que desbloquea varias capacidades nuevas que tienen impacto directo en cómo construimos interfaces.
useActionState — Formularios sin boilerplate
El nuevo hook useActionState simplifica drásticamente el manejo de formularios con Server Actions. Ya no necesitas manejar manualmente estados de loading, error y success con múltiples useState.
use() — Promesas en el render
El hook use() permite leer el valor de una Promise directamente en el render de un componente, integrándose con Suspense de forma elegante. Esto abre la puerta a patrones de data fetching más directos y legibles.
Async Request APIs — Params y Headers Asincrónicos
Uno de los cambios breaking más importantes: en Next.js 15, las APIs que dependen de la request (cookies, headers, params, searchParams) son ahora completamente asíncronas.
Antes (Next.js 14)
- const cookieStore = cookies() — síncrono
- const { id } = params — síncrono
Ahora (Next.js 15)
- const cookieStore = await cookies() — asíncrono
- const { id } = await params — asíncrono
Este cambio permite a Next.js optimizar mejor cuándo y cómo se ejecuta cada parte del servidor, habilitando estrategias de caching más granulares.
Nuevo Sistema de Caché — Más Control, Menos Magia
El sistema de caché de Next.js 14 fue criticado por ser demasiado agresivo y difícil de predecir. En Next.js 15, el caché está deshabilitado por defecto tanto para fetch requests como para Route Handlers, y debes activarlo explícitamente cuando lo necesites.
Directiva "use cache"
La nueva directiva 'use cache' permite marcar funciones, componentes o páginas enteras para que sean cacheadas, con control explícito sobre el tiempo de vida y las estrategias de revalidación.
Mejoras en el Sistema de Formularios
El componente <Form> nativo de Next.js ahora soporta prefetching automático, transiciones optimistas y manejo de estado de red. Combinado con Server Actions, permite construir formularios completamente funcionales sin una sola línea de JavaScript en el cliente.
¿Debo Migrar Ahora?
Si tu proyecto está en Next.js 14 con App Router, la migración a v15 es relativamente directa. Los cambios principales a atender son:
- 1Actualizar el manejo de params y cookies a async/await
- 2Revisar tu estrategia de caché: ahora debes ser explícito
- 3Actualizar React a la versión 19
- 4Probar Turbopack en desarrollo antes de adoptarlo definitivamente
En Start By Global, todos nuestros proyectos nuevos arrancan directamente en Next.js 15. Si necesitas apoyo para migrar una aplicación existente o quieres construir algo nuevo sobre esta base, hablemos.