From the source
Vercel adopted vertical microfrontends for its main website, splitting the monolithic Next.js application into three separate apps for marketing, documentation, and the logged-in dashboard.
- This change resulted in over a 40% improvement in preview build times and local development compilation, along with reduced page weight and improved Core Web Vitals.
- The migration was done incrementally using Next.js Multi-Zones and feature flags, with shared components maintained in a monorepo.
