Skip to content 2.0

Micro Frontends with Next.js Zones

Author: Natalia Venditto

Date First Published: Wed Jan 04 2023

What are Next.js Zones?

This is of course a Next.js specific feature. Multi Zones allow developers to combine multiple deployments -each one mapping or being referred to as a zone- to compose a single application.

I have not used this feature, so I cannot write about the pros and cons or challenges, but it seems to be basically a proprietary implementation of vertical split, that solves for us the challenges of configuring domains to bypass CORS issues, by merging routing for multiple deployments, after a unique basePath configuration.

It also simplifies infra configuration for teams that work on a monorepository to deploy each app independently.

There is a code sample we can check here