バージョン 14

バージョン 13 から 14 へのアップグレード

Next.js バージョン 14 に更新するには、お好みのパッケージマネージャーで次のコマンドを実行してください：

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

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

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

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

補足: TypeScriptを使用している場合は、@types/react と @types/react-dom も最新バージョンにアップグレードしてください。

v14 概要

• 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 ターゲットが削除されました。