Next.js
Next.js es un marco web de desarrollo 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]
| 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 | 14.2.218 de abril de 2024 | |
| Enlaces | ||
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
- ↑ Asay, Matt Asay. «How Next.js aims to simplify front-end development». TechRepublic (en inglés). Consultado el 20 de octubre de 2020.
- ↑ 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.
- ↑ 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.
- ↑ 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.
- ↑ 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.
- ↑ 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.
- ↑ «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.
- ↑ «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.
- ↑ «Comparing Styling Methods In Next.js». Smashing Magazine (en inglés). 17 de septiembre de 2020. Consultado el 29 de mayo de 2021.
- ↑ 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.