メインコンテンツまでスキップ

バージョン 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 も最新バージョンにアップグレードしてください。

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