Micro-frontends: Module Federation
Use Webpack Module Federation or Vite Federation to split a large frontend into independently deployed remotes consumed by a shell app.
What Are Micro-frontends?
Splitting a large frontend into independently developed and deployed pieces — typically one per team or business domain. Each piece can have its own framework, repo, deploy pipeline, even tech stack. A shell app glues them at runtime.
Why Micro-frontends?
Organisations with 10+ frontend teams hit limits: single repo bottleneck, slow build times, conflicting release schedules. Micro-frontends let teams ship independently — at the cost of more architectural complexity.
All lessons in this course
- Atomic Design: Atoms Molecules Organisms
- Monorepo Setup with Turborepo
- Micro-frontends: Module Federation
- Feature-Based Folder Structure