Micro Frontends with Next.js Zones
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