Logo <AS/>Logo <AS/>

Next.js 10.2 - Utilizando o webpack 5.

O Next.js a partir da sua versão 10.2 será utilizado o webpack 5 trazendo mais benefícios para aplicação.

Webpack 5

Não será mais necessário habilitar o webpack 5 no next.config.js. Isso será feito de forma automática pelo Next. Antes do lançamento desta versão, era necessário habilitar o webpack 5 dessa forma:

1// next.config.js
2module.exports = {
3  future: {
4    webpack5: true,
5  },
6}

Novas Features

  • Inicialização
    O tempo de inicialização utilizando next dev está aproximadamente 24% mais rápido.
  • Fast-Refresh
    Seu tempo foi otimizado de 100ms a 200ms.
  • Mais flexibilidade no Redirects e Rewrites
    Agora oferecem suporte a uma propriedade has para corresponder aos cookies de entrada, cabeçalhos e query strings.
  • Build mais rápido
    Após o cache temos um build com aproximadamente 60% mais rápido.

Atualizando o next

// Usando npm
npm i next@latest 

// Usando yarn
yarn add next@latest