コンテンツへスキップ

バージョン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.xがサポート終了となったため、16.14から18.17に引き上げられました。
  • next exportコマンドは、output: 'export'設定の導入により削除されました。詳細については、ドキュメントを参照してください。
  • ImageResponsenext/serverインポートはnext/ogに名前が変更されました。codemodが利用可能で、インポートの名前変更を安全かつ自動的に行えます。
  • @next/fontパッケージは、組み込みのnext/fontに置き換えられ完全に削除されました。codemodが利用可能で、インポートの名前変更を安全かつ自動的に行えます。
  • next-swcのWASMターゲットは削除されました。