マルチゾーン

ゾーンとは Next.js アプリケーションの単一のデプロイメントのことです。複数のゾーンを単一のアプリケーションに統合もできます。

例えば、以下のアプリケーションがあるとします:

  • /blog/** を配信するためのアプリケーション
  • 他のすべてのページを配信するための別のアプリケーション

マルチゾーンのサポートにより、これら両方のアプリケーションを 1 つに統合して単一の URL から閲覧できるようにしながらも、両方のアプリケーションを独立して開発・デプロイできます。

ゾーンを定義する方法

ゾーンに関係した API はありません。必要な作業は以下だけです:

  • アプリケーションに必要なページのみを保持するようにしてください。これは、あるアプリケーションが別のアプリケーションのページを保持できないことを意味します。もしもアプリケーション A/blog が存在している場合は、アプリケーション B はそれを持つべきではありません。
  • ページと静的ファイルのコンフリクトを避けるために、basePath を設定してください。

ゾーンを統合する方法

Rewrites は任意の HTTP プロキシを使用してゾーンを統合できます。

Vercel の場合、 monorepo を使うことで両方のアプリケーションをデプロイできます。 より詳しい詳細は Monorepos blog post を、 複数の Next.js アプリケーションを使った詳しいガイドは with-zones example を確認してください。