Version 14

Core Idea

Guia de upgrade de Next.js 13 para 14: remove next export em favor de output: 'export', renomeia import de ImageResponse, e remove @next/font completamente.

Key Concepts

• output: 'export': substitui o comando next export, removido nesta versão.
• next/og: novo caminho de import para ImageResponse (antes next/server).
• next/font (built-in): @next/font foi totalmente removido; usar o módulo built-in.

Principais mudanças/features

• Node.js mínimo: 18.17 (de 16.14).
• next export removido; usar output: 'export' no config.
• ImageResponse de next/server → next/og.
• @next/font removido, substituído por next/font built-in.
• WASM target 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 para v14 incluindo eslint-config-next.

Anti-patterns

• Continuar usando next export: comando removido; migrar para output: 'export' em next.config.js.
• Importar ImageResponse de next/server: quebra nesta versão; usar next/og (codemod next-og-import disponível).

Key Takeaways

1. Duas migrações mecânicas cobertas por codemod: next-og-import e built-in-next-font.
2. Bump de Node.js para 18.17 é obrigatório (16.x chegou ao fim de vida).

Connects To

• Codemods (ch333): next-og-import, built-in-next-font.
• Static Exports (output: 'export'): substitui completamente next export.