Summary

Next.js は既存コードを維持したままページ単位で段階的に React を導入できるフレームワークです。全面リライトを避けつつ Core Web Vitals や開発速度を改善でき、Vercel のプレビューや Fast Refresh によって安全に変更をプレビュー・デプロイできます。

Key Points

• サブパス方式: サーバ/プロキシで特定サブパスを Next.js に振る。next.config.js に basePath: '/store' を設定すると資産とリンクが自動調整される（Next.js 9.5+）。
• rewrites 方式: Next.js をルートに置き、rewrites で未対応ルートを既存アプリへプロキシ。no-op rewrite を先に定義して Next.js 側のページ/静的ファイルを優先チェックするのがポイント。
• モノレポ＋マイクロフロントエンド: サブドメインやプロジェクト単位で分割デプロイし、チームを独立させて段階的に置換・アップデート可能にする。
• 開発効率: Fast Refresh、ブランチプレビュー、Git 統合で CI/CD を簡素化し、ステークホルダーと安全にコラボレーションして本番へデプロイできる。
• 実用的な進め方: 小さな静的ページやストアなどから着手し、パフォーマンス（Core Web Vitals）を計測しながら範囲を広げる。古い Next.js を使っている場合はアップグレードを検討する。