Microfrontends
Configure and deploy microfrontend architectures on Vercel with multi-zone routing, independent deployments, and cross-app navigation.
Install
npx skills add https://github.com/vercel-labs/vercel-plugin --skill microfrontendsWhat is this skill?
- Supports Next.js, SvelteKit, React Router, and Vite
- CLI commands for group create/add/remove/inspect
- Path-based routing with middleware
- Local dev proxy for polyrepo setups
- WAF security rules and deployment protection
Adoption & trust: 34 installs on skills.sh.
Who is it for?
Teams splitting a large frontend monolith into independently deployable Vercel zones
Skip if: Single-page apps that do not need team-based code splitting
When should I use this skill?
User mentions microfrontends, multi-zones, @vercel/microfrontends, or path-based routing
What do I get? / Deliverables
- microfrontends.json config
- deployed multi-zone app
- routing middleware
Recommended Skills
Journey fit
Microfrontends is a build-phase architectural pattern: you configure, wire, and deploy independently owned frontend units as part of building your application. This skill directly targets frontend architecture — splitting large apps into independently deployable frontend units via multi-zone setup, CLI group management, and path-based routing.