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:

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:

How to merge zones

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

For Vercel, you can use a monorepo to deploy both apps. Check the Monorepos blog post for more details on how it works and our with-zones example for a detailed guide using multiple Next.js applications.