Capítulo 93 de 456

Version 14

Core Idea

Guia de upgrade de Next.js 13 para 14 — breaking changes principais e comando único de atualização de dependências.

Key Concepts

  • Node.js mínimo 18.17: bump de 16.14, já que Node 16.x chegou ao fim de vida.
  • next export removido: substituído pela config output: 'export'.
  • ImageResponse movido: de next/server para next/og (codemod next-og-import disponível).
  • @next/font removido: totalmente substituído pelo next/font embutido (codemod built-in-next-font disponível).
  • Target WASM do next-swc removido.

Code Examples

npm i next@next-14 react@18 react-dom@18 && npm i eslint-config-next@next-14 -D
  • O que demonstra: comando de upgrade completo (next + react + react-dom + eslint config) para a v14.

Anti-patterns

  • Upgrade para v14 sem atualizar @types/react/@types/react-dom em projetos TypeScript: gera incompatibilidade de tipos.

Key Takeaways

  1. Node 16.x não é mais suportado a partir da v14 — mínimo é 18.17.
  2. Duas remoções de API têm codemod pronto: next-og-import e built-in-next-font.

Connects To

  • Codemods (ch092): next-og-import e built-in-next-font automatizam parte desse upgrade.
  • Static Exports (ch082): substituto de next export.
AnteriorCodemodsPróximoVersion 15