Project Setup & Configuration
Set up a new project from scratch, configuring Webpack and Module Federation for multiple applications.
Welcome to Federated Apps!
Ready to build your first Micro Frontend application? This lesson guides you through setting up a host and a remote application using Webpack's Module Federation.
We'll start from scratch, covering project structure, basic Webpack configuration, and integrating the powerful Module Federation Plugin.
Host and Remote Apps
In Module Federation, we have two main types of applications:
- Host Application: This is your main shell application that consumes (loads) components or modules from other applications. Think of it as the orchestrator.
- Remote Application: This is an independent application that exposes (shares) its components or modules for others to consume.
We'll set up both in our project!
All lessons in this course
- Project Setup & Configuration
- Sharing Modules & Components
- Building a Simple Federated App
- Running and Debugging Your Federated App Locally