Skip to content

    Multi Zones

    Examples

    A zone is a single deployment of a Next.js app. You can have multiple zones and merge them as a single app.

    For example, let's say you have the following apps:

    • An app for serving /blog/**
    • Another app for serving all other pages

    With multi zones support, you can merge both these apps into a single one allowing your customers to browse it using a single URL, but you can develop and deploy both apps independently.

    How to define a zone

    There are no zone related APIs. You only need to do the following:

    • Make sure to keep only the pages you need in your app, meaning that an app can't have pages from another app, if app A has /blog then app B shouldn't have it too.
    • Make sure to configure a basePath to avoid conflicts with pages and static files.

    How to merge zones

    You can merge zones using rewrites in one of the apps or any HTTP proxy.

    For Next.js on Vercel applications, you can use a monorepo to deploy both apps with a single git push.

    Was this helpful?