Next.js 15.2

Summary

Next.js 15.2 はデバッグ体験、メタデータのストリーミング、Turbopack のパフォーマンス改善といった開発者向けの実務的な改善を含みます。主な追加はエラーUIの刷新とスタックトレース改善、generateMetadata の非同期化による初期描画の短縮、Turbopack のコンパイル高速化・メモリ削減、そして実験的な React View Transitions と Node.js ランタイム対応の Middleware です。Node.js Middleware は現時点で canary の使用を推奨します。短時間で移行できるように自動アップグレードと手動インストールコマンドも提供されています。

Key Points

• エラー表示改善
  • 新しいエラーオーバーレイと開発インジケータで原因特定が速くなります（React の owner stacks を利用）。
  • オーバーレイ下部にフィードバック機能を追加し、報告で改善に貢献可能。
• ストリーミング metadata
  • generateMetadata の完了を待たずに初期 UI を送信可能に。bot 向けには互換性のため一部 HTML の遅延を維持。
  • ボット判定の正規表現は htmlLimitedBots でカスタマイズ可能（next.config.js）。
• Turbopack 改善
  • ルートアクセス時で最大約 57.6% のコンパイル高速化、開発でのメモリ使用量約 30% 減を報告。Persistent caching は準備中。
• 実験的機能
  • React View Transitions: next.config.js に experimental.viewTransition = true を設定して有効化（API は不安定）。
  • Node.js Middleware: experimental.nodeMiddleware = true を設定し、middleware に export const config = { runtime: 'nodejs' } を追加（現時点では canary 推奨、非本番推奨）。
• アップグレードと開始コマンド（短縮）
  • 自動アップグレード: npx @next/codemod@canary upgrade latest
  • 手動アップグレード: npm install next@latest react@latest react-dom@latest
  • 新規作成: npx create-next-app@latest
• その他の小さな改善点
  • --api フラグで API 専用テンプレート作成、next/image の images.qualities サポート、i18n 設定の非推奨警告など。

Actionable notes for engineers

• まずローカルで npx @next/codemod@canary upgrade latest を試して互換性を確認。
• Node.js Middleware や View Transitions は実験的なので本番導入は控え、フィードバックがあれば報告する。
• generateMetadata に時間がかかるページはストリーミングで初期描画が改善されるため導入を検討。
• Turbopack の挙動に差がある場合は環境を再現して報告すると改善につながります。