Microfrontends support is now in Public Beta

Microfrontends support is now available in Public Beta. Microfrontends allow you to split large applications into smaller ones so that developers can move more quickly.

This support lets teams and large apps build and test independently, while Vercel assembles and routes the app into a single experience. This reduces build times, supports parallel development, and enables gradual legacy migration.

Developers can use the Vercel Toolbar to iterate and test their apps independently, while navigations between microfrontends benefit from prefetching and prerendering for fast transitions between the applications.

To get started with microfrontends, clone one of our examples or follow the quickstart guide:

1. In the Vercel dashboard, navigate to the Microfrontends tab in Settings

2. Create a microfrontends group containing all of your microfrontend projects

3. Add the @vercel/microfrontends package to each microfrontend application

4. Add a microfrontends.json configuration file to the default app, test in Preview, and deploy to Production when ready

1
{
2
  "dashboard": {},
3
  "docs": {
4
    "routing": [{
5
      "paths": ["/docs", "/docs/:path*"]
6
    }]
7
  }],
8
  "marketing": {
9
    "routing": [{
10
      "paths": ["/home", "/pricing"]
11
    }]
12
  }
13
}

Learn more about microfrontends in our docs, or contact Vercel or your account team directly for more information.