バージョン 14

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

Next.js バージョン 14 に更新するには、お好みのパッケージマネージャーを使用して次のコマンドを実行します。

npm i next@latest react@latest react-dom@latest eslint-config-next@latest

yarn add next@latest react@latest react-dom@latest eslint-config-next@latest

pnpm up next react react-dom eslint-config-next --latest

bun add next@latest react@latest react-dom@latest eslint-config-next@latest

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

v14 の概要

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