バージョン14へのアップグレード方法

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

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

Terminal

npm i next@next-14 react@18 react-dom@18 && npm i eslint-config-next@next-14 -D

Terminal

yarn add next@next-14 react@18 react-dom@18 && yarn add eslint-config-next@next-14 -D

Terminal

pnpm i next@next-14 react@18 react-dom@18 && pnpm i eslint-config-next@next-14 -D

Terminal

bun add next@next-14 react@18 react-dom@18 && bun add eslint-config-next@next-14 -D

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

Node.jsの最低バージョンが16.14から18.17に引き上げられました。これは16.xがサポート終了となったためです
next exportコマンドはoutput: 'export'設定に置き換えられました。詳細はドキュメントをご覧ください
ImageResponseのためのnext/serverインポートはnext/ogに名前が変更されました。インポートを安全かつ自動的にリネームするためのコードモッドが利用可能です
@next/fontパッケージは組み込みのnext/fontに完全に置き換えられました。インポートを安全かつ自動的にリネームするためのコードモッドが利用可能です
next-swcのWASMターゲットが削除されました