Version 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
補足: TypeScriptを使用している場合は、
@types/react
と@types/react-dom
も最新バージョンにアップグレードしてください。
v14の概要
- 最小Node.jsバージョンが16.14から18.17に引き上げられました。これは16.xがサポート終了(end-of-life)に達したためです。
next export
コマンドはoutput: 'export'
設定に置き換えられ、削除されました。詳細についてはドキュメントをご覧ください。ImageResponse
のnext/server
インポートがnext/og
に変更されました。インポートを安全かつ自動的に変更するためのコードモッドが利用可能です。@next/font
パッケージは組み込みのnext/font
に置き換えられ、完全に削除されました。インポートを安全かつ自動的に変更するためのコードモッドが利用可能です。next-swc
のWASMターゲットが削除されました。