# Vercel — How Vercel adopted microfrontends

- Company: Vercel (vercel.com)
- Announced: 2024-10-22T13:00:00+00:00
- Category: not stated
- Coverage: not counted
- Announcement: no
- Group: routine
- Source: https://vercel.com/blog/how-vercel-adopted-microfrontends
- Record: https://forck.live/items/20934-how-vercel-adopted-microfrontends
- Subject: v0 / AI SDK / AI Gateway

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.

## Evidence

Verbatim from https://vercel.com/blog/how-vercel-adopted-microfrontends:

> By rethinking our architecture, we shifted to vertical microfrontends, leading to a simpler development experience and over a 40% improvement in preview build times and local development compilation.

---

Record: https://forck.live/items/20934-how-vercel-adopted-microfrontends
Catalogue: https://forck.live/llms.txt
Current issue: https://forck.live/feed.md