El conocimiento es el nuevo dinero.
Aprender es la nueva manera en la que inviertes
Acceso Cursos

Next.js 14: Una nueva era

Recientemente, Vercel lanzó la versión 14 de Next.js por la que estoy muy entusiasmado. Esta versión trae consigo importantes mejoras de rendimiento, estabilidad y mucho más.

· 2 min de lectura
Next.js 14: Una nueva era

Las tecnologías de desarrollo web evolucionan a un ritmo insondable, y mi framework JavaScript favorito, Next.js, no es una excepción.

Acompáñame hoy mientras damos un paso hacia el futuro del desarrollo web y nos deleitamos con las tecnologías más novedosas.

Ampliaré tu arsenal de desarrollo web con la última versión de Next.js y te daré la mejor oportunidad de conseguir el trabajo de tus sueños como desarrollador web.

Sin más dilación, ¡entremos en materia!

Tabla de contenidos
Turbopack
Acciones del servidor
Metadatos

Turbopack


Turbopack es un compilador basado en rust escrito por Vercel para Next.js que es mucho más rápido que las alternativas convencionales como babel.

Turbopack fue lanzado junto con Next.js 13 como una característica experimental y era muy limitado. Sin embargo, con el lanzamiento de Next.js 14, alrededor del 90% de las pruebas unitarias se superan, lo que aumenta considerablemente la estabilidad de Turbopack.

Además, al iniciar y recargar en caliente tu aplicación Next.js verás importantes mejoras en la velocidad, tal y como especifica el equipo de Next.js:

  • Arranque del servidor local hasta un 53,3% más rápido
  • Actualizaciones de código hasta un 94,7% más rápidas con Fast Refresh

Estas mejoras son fantásticas e influirán positivamente en la experiencia de los desarrolladores.

Acciones de servidor


Siempre he sido un gran fan de las acciones de servidor de Next.js 13, por lo que me emocioné cuando lanzaron una actualización para ellas.

En particular, las acciones de servidor eran una característica experimental con el lanzamiento de Next.js 13 hace unos meses. Ahora, con el lanzamiento de Next.js 14, las acciones de servidor son 100% estables y están listas para su uso en producción.

Las acciones de servidor reducen la necesidad de escribir código de ruta de API y proporcionan seguridad de tipo de extremo a extremo entre el cliente y el servidor, todo dentro de un único viaje de ida y vuelta de red.

Metadatos


En Next.js 14, Vercel ha desacoplado los metadatos bloqueantes y no bloqueantes.

Antes de que el contenido de la página se transmita desde el servidor, las metaetiquetas viewport, colorScheme y themeColor deben enviarse al cliente; estas metaetiquetas se denominan metadatos de bloqueo y se han desacoplado del resto de metadatos de no bloqueo.

Esto significa que las etiquetas anteriores han quedado obsoletas y se eliminarán en la próxima actualización de la versión 14 de Next.js, con sustitutos como los objetos viewport y generateViewport.

Conclusión


Espero haber explicado lo suficientemente bien las nuevas características principales de Next.js 14, y haberte inspirado para actualizar y aprovechar las ventajas propuestas por el equipo de Vercel.

Si te ha gustado este artículo, echa un vistazo a mi perfil para ver muchas más historias como esta, ¡y permanece atento a futuros artículos! 👍

Plataforma de cursos gratis sobre programación

Artículos Relacionados

Usando Pipes para transformar datos
· 5 min de lectura
Llama3 sacale el máximo provecho
· 4 min de lectura
Angular Signals: Mejores practicas
· 5 min de lectura