Summary

Next.js 14.2 は開発体験、ビルドのメモリ使用量、クライアント側キャッシュに焦点を当てたアップデートです。Turbopack の開発用リリース候補が導入され、ビルド最適化（ツリーシェイキング、CSSチャンク化）、メモリデバッグ機能、クライアントキャッシュの実験的な制御（staleTimes）が追加されます。エラー表示も改善され、開発時のデバッグが容易になっています。

Key Points

• Turbopack（開発向け RC）

  • next dev --turbo でオプトイン可能。統合テストの99.8%が通過。
  • ローカル起動や Fast Refresh、初回ルートコンパイルが大幅に高速化（例: 起動最大76.7%短縮）。
  • 今後のフォーカス: メモリ改善、永続キャッシュ、next build --turbo 対応。

• ビルドとプロダクション最適化

  • サーバ/クライアント境界の最適化により未使用エクスポートのツリーシェイキングでバンドル削減（例: ライブラリで-51.3%）。
  • 大規模アプリ向けにバンドル/圧縮ロジックをリファクタし、ビルド時メモリとキャッシュサイズを大幅に削減（例: 2.2GB → ~190MB）。
  • メモリ解析用に --experimental-debug-memory-usage を追加。

• CSS とスタイル順序

  • CSS をチャンク化し、インポート順でチャンクのマージ順を決定。CSS Modules 推奨（グローバルスタイルは同一ファイル内でインポート）。

• クライアント側キャッシュ（staleTimes、実験）

  • クライアントルーターのプリフェッチキャッシュの有効期間を設定可能（デフォルト: prefetchなし 30秒、prefetch=true 5分）。
  • next.config.ts の experimental.staleTimes で上書き可能（例: dynamic: 30, static: 180）。
  • 平行/インターセプトルートや Server Actions の再検証がキャッシュと連動して視覚スロットを更新。

• エラー DX 改善

  • 開発オーバーレイとログの視認性向上、ハイドレーション不一致の特定が改善。

• その他の改善（短く）

  • next/image の overrideSrc、getStaticProps の revalidateReason、ストリーミングロジックの改善、ネストされた Server Actions サポート、サイトマップのローカライズ対応など多数の小さな改善。

How to try

• 新規開始: npx create-next-app@latest
• 開発で Turbopack を試す: next dev --turbo
• ビルドメモリ解析: next build --experimental-debug-memory-usage

Recommendations

• 大規模アプリはまずステージングでアップグレードを検証。CSSのインポート順とモジュール化を確認。
• Turbopack は現状オプトイン。永続キャッシュや next build --turbo の対応状況を注意して追跡する。