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

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

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

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

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

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

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

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

v14 まとめ

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