O Next.js é um framework React cuja principal meta é fornecer um ótimo desempenho em produção, juntamente com uma ótima experiência de desenvolvedor. Para fornecer essa excelente experiência de desenvolvedor, o Next.js oferece suporte à renderização no lado do servidor, à divisão de código e ao roteamento no lado do cliente.
A equipe Next.js anunciou a versão 7 de sua estrutura React de código aberto. Esta versão do Next.js se concentra em melhorar a experiência geral do desenvolvedor com tempos de inicialização 57% mais rápidos e 40% mais rápido no desenvolvimento, relatórios de erros aprimorados e suporte ao WebAssembly. O Framework baseia-se em muitas ferramentas padrões do ecossistema JavaScript, como o Babel e o Webpack, e, na versão 7, estão versões mais recentes dessas ferramentas. Essas atualizações, juntamente com um novo cache de compilação incremental, significam que as compilações Next.js são agora 40% mais rápidas, um aplicativo básico verá a compilação reduzir de 304ms para 178ms.
Com o upgrade do Webpack, o Next.js 7 se beneficia do novo suporte a .mjs, permitindo que todos os módulos JavaScript comuns, como CommonJS, AMD e ESM, sejam incluídos, mas também suporte para os módulos EcmaScript, JSON e WebAssembly. Ele também inclui a versão mais recente do Babel, que oferece suporte a TypeScript, sintaxe de fragmento e preenchimento automático experimental.
Os tamanhos iniciais de payload em Next.js 7 foram reduzidos em até 7.4%, levando um tamanho de documento nas versões anteriores de Next.js de 1.62kB para 1.50kB. Essas melhorias vieram da equipe Next.js, removendo certos elementos HTML e diminuindo alguns scripts in-line. Outra grande melhoria com o Next.js 7 é seu suporte para a React Context API. A API de Contexto é uma maneira de compartilhar dados entre os componentes do React sem ter que compartilhá-lo explicitamente todas as vezes. Em Next.js isso reduz o uso de memória em 16% devido à capacidade do Next.js de compartilhar código entre as páginas.
É forncido um suporte importação dinâmica de módulos; anteriormente isso não era possível devido ao fato de o Next.js ter rolado sua própria funcionalidade de importação. Eles agora o removeram e suportam a funcionalidade de importação padrão que sai da caixa com o Webpack, permitindo importações dinâmicas, nomeando e agrupando arquivos.
Next.js recebeu muitos elogios dentro da comunidade. reacttricks no Reddit diz: “Eu tenho usado o Next.js exclusivamente para todos os projetos no último ano e meio, eu recomendo que todos experimentem.” Outro feedback inclui confusão sobre o que é Next.js; theineffablebob pergunta: “Em seguida, apenas um framework que inclui tudo que você precisa para colocar o site em funcionamento? É como se fosse um daqueles boilerplates?” Nextjs.org considera-se o PHP do mundo do JavaScript e do React nesta citação de nextjs.org: “Pense em como os webapps são criados com o PHP. Você cria alguns arquivos, escreve código PHP e simplesmente os implementa. Não temos se preocupar com o roteamento, e o aplicativo é renderizado no servidor por padrão. ”
Fonte: