Next.js

Next.js
Información general
Tipo de programa Framework para aplicaciones web
Autor Guillermo Rauch[1]​
Desarrollador Vercel
Lanzamiento inicial 25 de octubre de 2016
Licencia Licencia MIT
Información técnica
Programado en JavaScript
Versiones
Última versión estable 15.2.424 de marzo de 2025
Enlaces
[editar datos en Wikidata]

Next.js es un marco web de desarrollo (también conocido como "metaframework") front-end de React de código abierto creado por Vercel que habilita funcionalidades como la representación del lado del servidor y la generación de sitios web estáticos para aplicaciones web basadas en React. Es un marco listo para producción que permite a los desarrolladores crear rápidamente sitios JAMstack estáticos y dinámicos y es ampliamente utilizado por muchas grandes empresas.[2]​

Plano de fondo

[editar]

Next.js es un marco de React que permite una serie de características adicionales, incluida la representación del lado del servidor y la generación de sitios estáticos.[3]​ React es una biblioteca de JavaScript utilizada tradicionalmente para crear aplicaciones web renderizadas en el navegador del cliente con JavaScript .[4]​ Sin embargo, los desarrolladores reconocen varios problemas con esta estrategia, como el hecho de no atender a los usuarios que no tienen acceso a JavaScript o lo tienen deshabilitado, posibles problemas de seguridad, tiempos de carga de la página considerablemente prolongados y que pueden perjudicar la optimización general del sitio en los motores de búsqueda.[4]​ Los marcos como Next.js solucionan estos problemas al permitir que parte o la totalidad del sitio se represente en el lado del servidor antes de enviarlo al cliente.[4]​[5]​ Next.js es uno de los componentes más populares disponibles en React.[6]​

Google hizo una donación al proyecto Next.js y contribuyó con 43 solicitudes de extracción en 2019, donde ayudaron a eliminar JavaScript no utilizado, reducir el tiempo de sobrecarga y agregar métricas mejoradas.[7]​ A partir de marzo de 2020, muchos sitios web utilizan el marco, incluidos Netflix, GitHub, Uber, Ticketmaster y Starbucks .[4]​ A principios de 2020, se anunció que Vercel había obtenido $ 21 millones en fondos de la Serie A para respaldar las mejoras del software. El autor original del marco, Guillermo Rauch, es actualmente el director ejecutivo de Vercel y el desarrollador principal del proyecto es Tim Neutkens.[8]​

Estilo y características

[editar]

El marco Next.js utiliza la arquitectura JAMstack, que distingue entre frontend y backend y permite un desarrollo frontend eficiente que es independiente de cualquier API de backend . El marco admite CSS común, así como Scss y Sass precompilados, CSS-in-JS y JSX con estilo.[9]​ Además, está construido con soporte de TypeScript y empaquetado inteligente.[10]​

Referencias

[editar]
  1. ↑ Asay, Matt Asay. «How Next.js aims to simplify front-end development». TechRepublic (en inglés). Consultado el 20 de octubre de 2020. 
  2. ↑ Ibrahima Ndaw (9 de septiembre de 2020). «How To Build A Blog With Next And MDX». Smashing Magazine (en inglés). Consultado el 29 de mayo de 2021. 
  3. ↑ Timi (2 de julio de 2020). «Differences Between Static Generated Sites And Server-Side Rendered Apps» (HTML). Smashing Magazine (en inglés). Consultado el 29 de mayo de 2021. 
  4. ↑ a b c d Thakkar, ed. (2020). Next.js (en inglés). Berkeley, CA: Apress. pp. 93-137. ISBN 978-1-4842-5869-9. doi:10.1007/978-1-4842-5869-9_3. Consultado el 29 de mayo de 2021. 
  5. ↑ Thakkar, ed. (2020). Adding Server-Side Rendering to Your React Application (en inglés). Berkeley, CA: Apress. pp. 139-152. ISBN 978-1-4842-5869-9. doi:10.1007/978-1-4842-5869-9_4. Consultado el 29 de mayo de 2021. 
  6. ↑ Matt Asay (2 de diciembre de 2019). «Why front-end development may be the new frontier» (HTML). TechRepublic (en inglés). Consultado el 29 de mayo de 2021. 
  7. ↑ «An insider's look at Google's web framework contributions to Next.js and more». TechRepublic (en inglés). Consultado el 29 de mayo de 2021. 
  8. ↑ «Static site generation with single page app functionality? That's what's coming Next(.js)». Stack Overflow Blog (en inglés estadounidense). 7 de octubre de 2020. Consultado el 29 de mayo de 2021. 
  9. ↑ «Comparing Styling Methods In Next.js». Smashing Magazine (en inglés). 17 de septiembre de 2020. Consultado el 29 de mayo de 2021. 
  10. ↑ Krill, Paul (14 de febrero de 2019). «Next.js 8 now supports serverless apps». InfoWorld (en inglés). Consultado el 29 de mayo de 2021.