https://github.com/waldronmatt/dynamic-host-module-federation
An environment-agnostic, federated host that consumes remote applications dynamically.
https://github.com/waldronmatt/dynamic-host-module-federation
dynamic javascript microfrontend module-federation webpack
Last synced: 12 months ago
JSON representation
An environment-agnostic, federated host that consumes remote applications dynamically.
- Host: GitHub
- URL: https://github.com/waldronmatt/dynamic-host-module-federation
- Owner: waldronmatt
- License: mit
- Created: 2021-05-29T17:52:54.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2022-02-01T01:20:53.000Z (over 4 years ago)
- Last Synced: 2025-03-28T16:43:41.782Z (about 1 year ago)
- Topics: dynamic, javascript, microfrontend, module-federation, webpack
- Language: JavaScript
- Homepage: https://dynamic-host-module-federation.netlify.app/
- Size: 562 KB
- Stars: 19
- Watchers: 3
- Forks: 7
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Dynamic Module Federation (Host App)
[](https://app.netlify.com/sites/dynamic-host-module-federation/deploys)
An environment-agnostic, federated host that consumes remote applications dynamically. [Click here to see it live on Netlify](https://dynamic-host-module-federation.netlify.app/).
## Introduction
This stand-alone application dynamically consumes (hosts) the portion of the remote app that is exposed at runtime.
## Features
- Supports a multi-environment setup (`dev`, `testing`, `stage`, etc.)
- Eliminate hard-coded URLs from your code and build tooling
- Connect to remote containers and negotiate libraries dynamically
- Supports remote container lazy-loading, chunk splitting, asset cache-busting, and Webpack merge
## Installation
Install dependencies:
npm install
## Usage
Run dev environment:
npm run dev
Navigate to local server:
**[http://localhost:8000](http://localhost:8000)**
## Getting Started
See [Tutorial - A Guide to Module Federation for Enterprise](https://dev.to/waldronmatt/tutorial-a-guide-to-module-federation-for-enterprise-n5) for more information and to learn how this repository works.
## Notes
**Run this project alongside [the remote app](https://github.com/waldronmatt/dynamic-remote-module-federation)**.
## Supplementary Repositories
This repository employs additional code from the following repositories:
- [remote app repo](https://github.com/waldronmatt/dynamic-remote-module-federation)
- [module federation assets](https://github.com/waldronmatt/dynamic-module-federation-assets)
- [dynamic-container-path-webpack-plugin](https://github.com/waldronmatt/dynamic-container-path-webpack-plugin)
## License
MIT