Next.js

Next.js es un framework de desarrollo web full-stack de código abierto creado por la empresa privada Vercel que proporciona aplicaciones web basadas en React con renderizado del lado del servidor y renderizado estático .

La documentación de React menciona Next.js entre las "cadenas de herramientas recomendadas" y lo aconseja a los desarrolladores cuando "construyen un sitio web renderizado en el servidor con Node.js ". ^{[ 6 ]} Mientras que las aplicaciones React tradicionales solo pueden renderizar su contenido en el navegador del lado del cliente, Next.js extiende esta funcionalidad para incluir aplicaciones renderizadas en el lado del servidor.

Los derechos de autor y las marcas registradas de Next.js son propiedad de Vercel , ^{[ 7 ]} que también mantiene y dirige su desarrollo de código abierto. ^{[ 8 ]}

Next.js es un framework de React que permite varias características adicionales, incluyendo renderizado del lado del servidor y renderizado estático . ^{[ 9 ]} React es una biblioteca de JavaScript que se usa tradicionalmente para construir aplicaciones web renderizadas en el navegador del cliente con JavaScript. ^{[ 10 ]} Sin embargo, los desarrolladores reconocen varios problemas con esta estrategia, como no atender a los usuarios que no tienen acceso a JavaScript o lo han deshabilitado, posibles problemas de seguridad, tiempos de carga de página significativamente extendidos y daño a la optimización general del motor de búsqueda del sitio . ^{[ 10 ]} Frameworks como Next.js evitan estos problemas al permitir que parte o la totalidad del sitio web se renderice en el lado del servidor antes de enviarse al cliente. ^{[ 10 ] [ 11 ]} Next.js es uno de los frameworks más populares para React. ^{[ 12 ]} Es una de las varias "cadenas de herramientas" recomendadas disponibles al comenzar una nueva aplicación, todas las cuales proporcionan una capa de abstracción para ayudar en tareas comunes. ^{[ 13 ]} Next.js requiere Node.js y puede inicializarse usando npm .

Google ha contribuido al proyecto Next.js, incluyendo 43 solicitudes de extracción en 2019. ^{[ 14 ]} A octubre de 2024, el framework es utilizado por muchos sitios web grandes, incluyendo Walmart , Apple , Nike , Netflix , TikTok , Uber , Lyft , Starbucks y Spotify . ^{[ 10 ] [ 15 ]} A principios de 2020, Vercel recaudó $21 millones en financiación de Serie A para apoyar mejoras al software. ^{[ 16 ]} El autor original del framework, Guillermo Rauch, es actualmente el CEO de Vercel, y el mantenedor principal del proyecto es Tim Neutkens. ^{[ 17 ]}

Next.js se lanzó por primera vez como un proyecto de código abierto en GitHub el 25 de octubre de 2016. ^{[ 3 ]} Originalmente se desarrolló basándose en seis principios: funcionalidad lista para usar que no requiere configuración, JavaScript en todas partes, todas las funciones están escritas en JavaScript, división automática de código y renderizado del servidor, obtención de datos configurable, anticipación de solicitudes y simplificación de la implementación. ^{[ 18 ]}

Next.js 2.0 se anunció en marzo de 2017 e incluía varias mejoras que facilitaban el trabajo con sitios web pequeños. También aumentó la eficiencia de la compilación y mejoró la escalabilidad de la función de reemplazo de módulos en caliente. ^{[ 19 ]}

La versión 7.0 se lanzó en septiembre de 2018 con un manejo de errores mejorado y soporte para la API de contexto de React para un mejor manejo de rutas dinámicas. Esta fue también la primera versión en actualizarse a Webpack 4. ^{[ 20 ]}

La versión 8.0 se lanzó en febrero de 2019 y fue la primera en ofrecer la implementación de aplicaciones sin servidor , en la que el código se divide en funciones lambda que se ejecutan bajo demanda. Esta versión también redujo el tiempo y los recursos necesarios para las exportaciones estáticas y mejoró el rendimiento de la precarga . ^{[ 21 ]}

La versión 9.3, anunciada en marzo de 2020, incluía varias optimizaciones y soporte global para módulos Sass y CSS. ^{[ 22 ]}

El 27 de julio de 2020 se anunció la versión 9.5 de Next.js, que añade nuevas capacidades, incluyendo regeneración estática incremental, reescrituras y soporte para redirecciones. ^{[ 23 ]}

El 15 de junio de 2021 se lanzó Next.js versión 11, que introdujo, entre otras cosas: compatibilidad con Webpack 5, una vista previa de la funcionalidad de codificación colaborativa en tiempo real "Next.js Live" y una función experimental de conversión automática de Create React App a un formato compatible con Next.js "Create React App Migration". ^{[ 24 ]}

El 26 de octubre de 2021 se lanzó Next.js 12, que añadió un compilador de Rust , lo que hizo que la compilación fuera más rápida, soporte para AVIF , funciones y middleware de borde, e importaciones nativas de ESM y URL. ^{[ 25 ]}

El 26 de octubre de 2022, Vercel lanzó Next.js 13. Esta importante versión introdujo un nuevo patrón de enrutamiento en versión beta , con la adición del App Router que incluye soporte para diseños, React Server Components, streaming y un nuevo conjunto de métodos de obtención de datos. Además, Vercel anunció una nueva cadena de herramientas para el desarrollo front-end llamada Turbo, que incluye Turbopack como sucesor de Webpack y Turborepo para sistemas de compilación incrementales . ^{[ 26 ]}

En mayo de 2023, Vercel lanzó Next.js 13.4. Esto trajo consigo la versión estable de App Router, que permite a los desarrolladores usarla en producción. ^{[ 27 ]}

En octubre de 2023, Vercel lanzó Next.js 14, que incluye una gestión de memoria mejorada mediante el uso de edge runtime. ^{[ 28 ]}

En octubre de 2024, Vercel lanzó Next.js 15. Introduce el empaquetador Turbopack, basado en Rust (que es más rápido que Webpack), compatibilidad con React 19 y API de solicitudes asíncronas. ^{[ 29 ] [ 30 ]}

En octubre de 2025, Vercel lanzó Next.js 16. Quizás la característica más destacada, en términos de código abierto, sea la API de adaptadores de compilación, que permite una integración más sencilla con proveedores de alojamiento que tienen requisitos personalizados, a pesar de que Vercel ya admitía la autoimplementación desde 2016. ^{[ 31 ] [ 32 ]}

Next.js admite estilos con CSS , así como con Scss y Sass precompilados , CSS-in-JS y JSX con estilo . ^{[ 13 ]} Además, está construido con soporte para TypeScript y empaquetado inteligente. ^{[ 33 ]} El transpilador de código abierto SWC se utiliza para transformar y compilar el código en JavaScript utilizable por un navegador. ^{[ 34 ]} Webpack , otra herramienta de código abierto, se utiliza para empaquetar los módulos posteriormente, aunque actualmente está siendo reemplazado por TurboPack. ^{[ 35 ]} Todas estas herramientas se utilizan con npm en una terminal. ^{[ 14 ]}

La característica principal de Next.js es su uso de renderizado del lado del servidor para reducir la carga en los navegadores web y proporcionar seguridad mejorada ^{[ 36 ]} . Esto se puede hacer para cualquier parte de la aplicación o para todo el sistema, lo que permite seleccionar páginas con mucho contenido para el renderizado del lado del servidor. ^{[ 10 ]} También se puede hacer solo para los visitantes nuevos, para reducir la carga en los navegadores web que aún no han descargado ninguno de los recursos del sitio. ^{[ 11 ]} La función de "recarga en caliente" detecta los cambios a medida que se realizan y vuelve a renderizar las páginas apropiadas para que el servidor no tenga que reiniciarse. Esto permite que los cambios realizados en el código de la aplicación se reflejen inmediatamente en el navegador web, aunque algunos navegadores requerirán que se actualice la página. ^{[ 10 ]} El software utiliza enrutamiento basado en páginas para la comodidad del desarrollador e incluye soporte para enrutamiento dinámico. Otras características incluyen reemplazo de módulos en caliente para que los módulos se puedan reemplazar en vivo, división automática de código, que solo incluye el código necesario para cargar la página, y precarga de páginas para reducir el tiempo de carga. ^{[ 10 ]}

Next.js también admite la regeneración estática incremental ^{[ 37 ]} y la generación de sitios estáticos: durante el proceso de compilación, se crea una versión compilada del sitio web que se guarda en una carpeta .next. Cuando un usuario realiza una solicitud, la versión precompilada, que son páginas HTML estáticas, se almacena en caché y se le envía. Esto acelera considerablemente el tiempo de carga, pero no es adecuado para todos los sitios web, especialmente para aquellos interactivos que cambian con frecuencia y requieren mucha interacción del usuario.

En noviembre de 2025, el investigador de seguridad Lachlan Davidson informó al equipo de React sobre una vulnerabilidad que permitía la ejecución remota de código sin autenticación a través de un fallo en el protocolo de deserialización del componente de servidor de React. El 3 de diciembre se publicó una solución en npm y se divulgó públicamente como CVE-2025-55182 ("React2Shell"), que recibió una puntuación CVSS de 10.0. ^{[ 38 ] [ 39 ]} Las versiones 15.x y 16.x de Next.js se vieron afectadas por esta CVE, rastreada por separado como CVE-2025-66478, ya que la configuración predeterminada del enrutador de aplicaciones era susceptible. Los equipos de inteligencia de amenazas de Amazon observaron intentos de explotación por parte de múltiples grupos de amenazas vinculados al estado chino a las pocas horas de la divulgación pública. ^{[ 40 ]} El 5 de diciembre, CISA agregó la vulnerabilidad a su catálogo de Vulnerabilidades Explotadas Conocidas (KEV). ^{[ 41 ]} El 6 de diciembre de 2025, Vercel publicó el paquete npm fix-react2shell-next para actualizar a versiones con la corrección de seguridad aplicada. ^{[ 42 ]}

• Comparación de frameworks web basados ​​en JavaScript
• Comparación de frameworks web del lado del servidor §  JavaScript
• Gatsby (software)
• LAMP (paquete de software)
• Nuxt.js
• Enrutador de React

• Sitio web oficial