How Vercel adopted microfrontends

What this post added

This post details Vercel's adoption of vertical microfrontends for its main website and dashboard. It explains the rationale behind the shift from a monolithic Next.js application to address growing build times and dependency complexity. The post outlines the choice between horizontal and vertical microfrontend splits, detailing Vercel's decision to adopt vertical microfrontends for their specific use case. It describes the migration path, breaking down the application into marketing, documentation, and the logged-in dashboard, and leveraging Next.js Multi-Zones. The use of Turborepo, Dependency Cruiser, and feature flags for incremental migration and traffic routing is highlighted. The benefits include improved developer experience, reduced build times, and enhanced end-user performance.