Next.js

Next.js é uma estrutura da web de desenvolvimento front-end React de código aberto criada por Vercel que permite funcionalidades como renderização do lado do servidor e geração de sites estáticos para aplicativos da web baseados em React. É uma estrutura pronta para produção que permite que os desenvolvedores criem rapidamente sites JAMstack estáticos e dinâmicos e é amplamente usada por muitas grandes empresas.^[4]

Next.js
Next.js
Autor	Vercel[1]
Desenvolvedor	Vercel e comunidade de código aberto[2]
Plataforma	Multiplataforma
Lançamento	25 de outubro de 2016 (8 anos)[3]
Versão estável	15.1.5 (17 de janeiro de 2025; há 2 meses)
Idioma(s)	Inglês
Escrito em	JavaScript, TypeScript, Rust e Shell
Sistema operacional	Linux, macOS, Windows
Gênero(s)	Framework para aplicações web
Licença	MIT
Estado do desenvolvimento	Ativo
Página oficial	nextjs.org
Repositório	github.com/vercel/next.js

Plano de fundo

Next.js é uma estrutura React que permite vários recursos extras, incluindo renderização do lado do servidor e geração de sites estáticos.^[5] React é uma biblioteca JavaScript tradicionalmente usada para construir aplicações web renderizadas no navegador do cliente com JavaScript.^[6] Os desenvolvedores reconhecem vários problemas com esta estratégia, 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 do site.^[6] Frameworks como Next.js contornam esses problemas, permitindo que parte ou todo o site seja renderizado no lado do servidor antes de ser enviado ao cliente.^[6][7] Next.js é um dos componentes mais populares disponíveis no React.^[8]

O Google fez uma doação para o projeto Next.js, contribuindo com 43 solicitações pull em 2019, onde ajudaram na remoção de JavaScript não utilizado, reduzindo o tempo de sobrecarga e adicionando métricas aprimoradas.^[9] Em março de 2020, a estrutura é usada por muitos sites, incluindo Netflix, GitHub, Uber, Ticketmaster e Starbucks.^[6] No início de 2020, foi anunciado que Vercel havia garantido 21 milhões de dólares americanos em financiamento da Série A para apoiar melhorias no software.^[1] O autor original do framework, Guillermo Rauch, é atualmente o CEO da Vercel e o desenvolvedor principal do projeto é Tim Neutkens.^[10]

Estilo e recursos

A estrutura Next.js utiliza a arquitetura JAMstack, que distingue entre front-end e back-end e permite o desenvolvimento de front-end eficiente que é independente de quaisquer APIs de back-end.^[1] A estrutura suporta CSS comum, bem como Scss e Sass pré-compilados, CSS-in-JS e JSX estilizado.^[11] Além disso, é construído com suporte TypeScript e pacote inteligente.^[12]

Ver também

• React
• AngularJS
• LAMP
• Vue.js

Referências

1. «Next.js» (em inglês)
2. «zeit/next.js». GitHub. Consultado em 17 de março de 2019. Cópia arquivada em 16 de março de 2019
3. «Next.js First Release». GitHub. 14 de março de 2019. Consultado em 17 de março de 2019. Cópia arquivada em 10 de outubro de 2020
4. «How To Build A Blog With Next And MDX». Smashing Magazine (em inglês). 9 de setembro de 2020. Consultado em 29 de maio de 2021
5. «Differences Between Static Generated Sites And Server-Side Rendered Apps». Smashing Magazine (em inglês). 2 de julho de 2020. Consultado em 29 de maio de 2021
6. Thakkar, Mohit (2020). Thakkar, Mohit, ed. «Next.js». Berkeley, CA: Apress (em inglês): 93–137. ISBN 978-1-4842-5869-9. doi:10.1007/978-1-4842-5869-9_3. Consultado em 29 de maio de 2021
7. Thakkar, Mohit (2020). Thakkar, Mohit, ed. «Adding Server-Side Rendering to Your React Application». Berkeley, CA: Apress (em inglês): 139–152. ISBN 978-1-4842-5869-9. doi:10.1007/978-1-4842-5869-9_4. Consultado em 29 de maio de 2021
8. «Why front-end development may be the new frontier». TechRepublic (em inglês). Consultado em 29 de maio de 2021
9. «An insider's look at Google's web framework contributions to Next.js and more». TechRepublic (em inglês). Consultado em 29 de maio de 2021
10. «Static site generation with single page app functionality? That's what's coming Next(.js)». Stack Overflow Blog (em inglês). 7 de outubro de 2020. Consultado em 29 de maio de 2021
11. «Comparing Styling Methods In Next.js». Smashing Magazine (em inglês). 17 de setembro de 2020. Consultado em 29 de maio de 2021
12. Krill, Paul (14 de fevereiro de 2019). «Next.js 8 now supports serverless apps». InfoWorld (em inglês). Consultado em 29 de maio de 2021