Next.js
| Next.js | |
|---|---|
 | |
| Autor | Guillermo Rauch[1] |
| Desenvolvedor | Vercel e comunidade de código aberto[2] |
| Plataforma | Multiplataforma |
| Lançamento | 25 de outubro de 2016 (7 anos)[3] |
| Versão estável | 14.0.4 (7 de dezembro de 2023) |
| Escrito em | JavaScript e TypeScript |
| Sistema operacional | Linux, macOS, Windows |
| Gênero(s) | Framework para aplicações web |
| Licença | MIT |
| Estado do desenvolvimento | Ativo |
| Página oficial | nextjs |
| Repositório | github |
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]
Plano de fundo[editar | editar código-fonte]
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[editar | editar código-fonte]
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[editar | editar código-fonte]
Referências
- ↑ a b c April 21, Matt Asay in Developer on; 2020; Pst, 9:51 Am. «How Next.js aims to simplify front-end development». TechRepublic (em inglês). Consultado em 20 de outubro de 2020
- ↑ «zeit/next.js». GitHub. Consultado em 17 de março de 2019. Cópia arquivada em 16 de março de 2019
- ↑ «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
- ↑ «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
- ↑ «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
- ↑ a b c d 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
- ↑ 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
- ↑ «Why front-end development may be the new frontier». TechRepublic (em inglês). Consultado em 29 de maio de 2021
- ↑ «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
- ↑ «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
- ↑ «Comparing Styling Methods In Next.js». Smashing Magazine (em inglês). 17 de setembro de 2020. Consultado em 29 de maio de 2021
- ↑ 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
Ligações externas[editar | editar código-fonte]
- «Case Study - Hulu | Next.js». nextjs.org (em inglês). Consultado em 16 de outubro de 2020
- Smith, Craig S. «Have You Noticed The New Web? It's Faster, More Secure». Forbes (em inglês). Consultado em 16 de outubro de 2020
- April 3, Matt Asay in Developer on; 2020; Pst, 4:07 Pm. «Front-end frameworks are about to get even cooler, says Google lead». TechRepublic (em inglês). Consultado em 16 de outubro de 2020
- Asay, Matt (1 de junho de 2020). «How GraphQL turned web development on its head». InfoWorld (em inglês). Consultado em 20 de outubro de 2020
