@vercel/microfrontends multi-zone example with Next.js App Router

This example demonstrates how to use @vercel/microfrontends with Next.js App Router for building a microfrontend application. It showcases how to create a multi-zone architecture using the @vercel/microfrontends package, allowing you to load different microfrontends in different zones of your application.

Getting Started

1. Clone the repository:

   git clone https://github.com/vercel-labs/microfrontends-nextjs-app-multi-zone.git

2. Navigate to the project directory:

   cd microfrontends-nextjs-app-multi-zone

3. Install the dependencies:

   pnpm install

4. Start the development server:

   npm dev

5. Open your browser and navigate to http://localhost:3024 to see the microfrontend application in action.

📚 Documentation