microfrontends

Guides setup and deployment of microfrontends on Vercel, including configuration, CLI commands and cross-app routing.

Updated Dec 12, 2025
One-click install
npx skills add https://github.com/global-os/gproxy --skill microfrontends
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: microfrontends
Source: https://github.com/global-os/gproxy/tree/main/.agents/skills/microfrontends
Command: npx skills add https://github.com/global-os/gproxy --skill microfrontends

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @vercel/microfrontends, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill unit provides comprehensive guidance for building, configuring, and deploying microfrontends on Vercel, addressing the complexities of multi-zone applications, independent deployments, and cross-app routing.

Core Features & Use Cases

  • Microfrontend Development Guide: Offers a step-by-step guide for creating and managing microfrontends.
  • Configuration Management: Detailed instructions on setting up microfrontends.json and integrating with various frameworks.
  • CLI Commands: Overviews of Vercel CLI commands for managing microfrontend groups and projects.
  • Local Development: Guidance on setting up local development environments with proxy configurations.
  • Reference Documentation: In-depth reference guides for configuring and troubleshooting microfrontends.

Quick Start

Use the microfrontends skill to create a new microfrontend group and add your project to it.

Frequently Asked Questions about microfrontends

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up microfrontends on Vercel for independent deployment?

Configuring microfrontends on Vercel requires a microfrontends.json file and Vercel CLI commands to create a microfrontend group, enabling independent deployments and cross-app routing across multiple integrated frameworks.

What is cross-app routing and how does it work with Vercel microfrontends?

Cross-app routing in Vercel microfrontends connects multiple independently deployed applications into a unified multi-zone architecture, allowing seamless client-side navigation across different framework projects without monolithic constraints.

How do I configure local development for Vercel microfrontends?

Configuring local development for Vercel microfrontends requires setting up proxy configurations to route requests between different applications, ensuring your local environment accurately reflects the cross-app routing behavior of your deployed multi-zone setup.

Do I need the Vercel CLI to manage microfrontend configuration?

Yes, the Vercel CLI is required to manage microfrontend groups and projects, providing the necessary commands to create groups, link projects, and execute independent deployments for your multi-zone applications.

What's the best way to debug microfrontend routing issues on Vercel?

Debugging microfrontend routing issues on Vercel involves reviewing your microfrontends.json configuration, checking cross-app routing rules, and using provided reference documentation to troubleshoot multi-zone deployment mismatches.

Can I use different frameworks within the same Vercel microfrontend group?

Yes, you can integrate various frameworks within a Vercel microfrontend group by configuring microfrontends.json appropriately, allowing each independently deployed application to maintain its own framework while sharing cross-app routing.