0Pricing
Micro Frontends Architecture with Module Federation · Lesson

Running and Debugging Your Federated App Locally

Learn how to start host and remote apps together, inspect federated modules in the browser, and debug common issues during local development.

Local Development Setup

A federated app is really several apps. To develop, you run each remote and the host at the same time, each on its own port.

Assigning Ports

Give every app a fixed dev-server port so the host can reliably reference each remote during development.

devServer: { port: 3001 } // remote
devServer: { port: 3000 } // host

All lessons in this course

  1. Project Setup & Configuration
  2. Sharing Modules & Components
  3. Building a Simple Federated App
  4. Running and Debugging Your Federated App Locally
← Back to Micro Frontends Architecture with Module Federation