This example demonstrates how to use @vercel/microfrontends with Module Federation and Next.js Pages Router for building a microfrontend application. It showcases how to create a federated architecture using the @vercel/microfrontends package, allowing you to load federated remotes into your application.

1. Clone the repository:

   git clone https://github.com/vercel-labs/microfrontends-nextjs-pages-module-federation.git

2. Navigate to the project directory:

   cd microfrontends-nextjs-pages-module-federation

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