バージョン 14

13 から 14 へのアップグレード

Next.js のバージョン 14 にアップデートするためには、お好みのパッケージマネージャを使用して次のコマンドを実行します:

Terminal

npm i next@latest react@latest react-dom@latest eslint-config-next@latest

Terminal

yarn add next@latest react@latest react-dom@latest eslint-config-next@latest

Terminal

pnpm up next react react-dom eslint-config-next --latest

Terminal

bun add next@latest react@latest react-dom@latest eslint-config-next@latest

Good to know: TypeScript を使用している場合は、@types/react と @types/react-dom も最新版にアップグレードしてください。

最低限必要な Node.js のバージョンが 16.14 から 18.17 に上がりました。これは、16.x が廃止予定になったためです。
next export コマンドは output: 'export' 置き換えられため、削除されました。詳細はこちらのドキュメントを参照してください。
next/server の ImageResponse のインポートは next/og に変更されました。自動で安全にインポートをリネームする codemod が利用可能です。
@next/font パッケージは完全に削除され、内蔵の next/font に置き換えられました。自動で安全にインポートをリネームする codemod が利用可能です。
next-swc の WASM ターゲットは削除されました。