El equipo de Vercel, ha lanzado una nueva versión del framework NextJS basado en React.
El framework de Next permite habilitar funciones como la representación del lado del servidor y la generación de sitios web estáticos para aplicaciones web basadas en React.
NextJS, entre otras cosas, ayuda a simplificar el desarrollo y la creación de sitios web JAMStack.
¿Qué es Next JS?
Next.js es un framework que se basa en React, Webpack y Babel, y que nos permite crear nuestras vistas desde el lado del servidor.
Está inspirado en PHP y se beneficia de un gran sistema de módulos de JavaScript que nos permiten exportar los componentes de nuestra aplicación, lo que permite realizar pruebas individuales para cada componente y además, descargar miles de componentes o módulos desde npm.
¿Qué trae de nuevo NextJS 11?
- Conformidad: Un sistema que proporciona soluciones cuidadosamente diseñadas para respaldar una experiencia de usuario óptima.
- Rendimiento mejorado: Optimizaciones adicionales para mejorar el tiempo de inicio en frío para que pueda comenzar a codificar más rápido.
- Webpack 5: Habilita de forma predeterminada para todas las aplicaciones de Next.js, brindando estos beneficios a todos los desarrolladores de Next.js.
next/script: Prioriza automáticamente la carga de scripts de terceros para mejorar el rendimiento.next/image: Reduce el cambio de diseño y cree una experiencia visual más fluida con detección automática de tamaño y compatibilidad con marcadores de posición borrosos.- Migración de la aplicación Create React: Convierte automáticamente la aplicación Create React para que sea compatible con Next.js.
- Next.js Live (versión preliminar): Código en el navegador, conjunto a tu equipo en tiempo real.
¿Cómo actualizar a Next.js 11?
Actualiza hoy ejecutando npm i next@latest react@latest react-dom@latest y siguiendo las referencias de la guía de la migración.
Nuevas características explicadas
Si quieres conocer cada una de las nuevas características del framework Next.JS 11, no dudes en visitar el blog de NEXT. ?
Fuente: Blog Next JS