Summary

Next.js 15.3 はビルド速度改善のための Turbopack（build に対応するアルファ）、コミュニティ提供の Rspack（実験的）、クライアント計測フック、ナビゲーション用フック、TypeScript プラグインのパフォーマンス改善などを含みます。エンジニア向けに導入手順と注意点を簡潔にまとめます。

Key Points

• アップグレード

  • 自動: npx @next/codemod@canary upgrade latest
  • 手動: npm install next@latest react@latest react-dom@latest
  • 新規作成: npx create-next-app@latest

• Turbopack（build, アルファ）

  • next build --turbopack で試用可能。99% 近いテスト通過率（alpha）。
  • 本番クリティカルな環境ではステージングやプレビューで検証してから本番化することを推奨。
  • マルチコアでのスケーリング効果あり（例: 4→16→30 コアで順に約28%、60%、83% の改善）。
  • next.config.ts の設定は experimental.turbo からトップレベル turbopack に移動（下位互換は次のメジャーまで維持）。

• Rspack（実験的 / コミュニティ）

  • Webpack API 互換が必要な場合の代替。next-rspack アダプタで試せる（現状約96% テスト通過）。

• クライアント計測（instrumentation-client.js|ts）

  • アプリのフロントエンドコード実行前に性能計測やエラー収集を初期化するためのファイルをプロジェクトルートに配置。
  • 早期のパフォーマンスマークやエラーハンドリング登録に利用。

• ナビゲーションフック

  • onNavigate（Link のプロパティ）: SPA ナビゲーション時に実行、preventDefault() で遷移キャンセルなどが可能。トランジションやガードに有用。
  • useLinkStatus（クライアントコンポーネントフック）: ナビゲーション中の pending 状態を取得し局所的なローディング UI を実装できる。

• TypeScript プラグイン改善

  • LSP のレスポンスが約60% 改善。大規模コードベースでのハングやクラッシュが低減。

• その他の変更（要点）

  • images.remotePatterns に new URL() サポート
  • metadata と viewport の分離
  • その他ルーティング／画像変換／リダイレクト関連の改善

Recommended Workflow for Engineers

• まずステージングで next build --turbopack を試し、バンドルサイズ・パフォーマンス・統合ツール（Sentry 等）互換性を確認。
• next.config.ts の turbopack 設定への移行を検討。既存の experimental.turbo は次のメジャーまで動作。
• Rspack が必要な場合は next-rspack を試し、互換性ギャップを確認。
• クライアント計測とナビゲーションフックを用いて早期計測・より細かい遷移制御を実装。

Where to Give Feedback

• 一般フィードバック: GitHub Discussions
• 再現手順やバグ: GitHub Issues