Next.js
| Next.js | ||
|---|---|---|
 | ||
| Información general | ||
| Tipo de programa | Framework para aplicações 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.3.117 de abril de 2025 | |
| Enlaces | ||
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]
Plano de fondo
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] Os desenvolvedores reconhecem vários problemas com esta estrategia, no entanto, como não atender aos usuários que não têm acesso ao JavaScript ou o desativaram, problemas de segurança em potencial, tempos de carregamento de página significativamente estendidos e pode prejudicar a otimização geral do mecanismo de pesquisa del site. [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
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
- ↑ «How Next.js aims to simplify front-end development». TechRepublic. Parámetro desconocido
|primeiro3=ignorado (ayuda); Parámetro desconocido|acessodata=ignorado (se sugiere|fechaacceso=) (ayuda); Parámetro desconocido|último=ignorado (se sugiere|apellido=) (ayuda); Parámetro desconocido|primeiro=ignorado (ayuda); Parámetro desconocido|língua=ignorado (se sugiere|idioma=) (ayuda); Parámetro desconocido|último3=ignorado (ayuda); Parámetro desconocido|último2=ignorado (ayuda) - ↑ «How To Build A Blog With Next And MDX». Smashing Magazine (en inglés). 9 de septiembre de 2020. Consultado el 29 de mayo de 2021.
- ↑ «Differences Between Static Generated Sites And Server-Side Rendered Apps». Smashing Magazine (en inglés). 2 de julio de 2020. 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.
- ↑ «Why front-end development may be the new frontier». 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.