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: 3 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 (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-01T01:20:53.000Z (almost 3 years ago)
• Last Synced: 2023-03-04T02:48:41.939Z (almost 2 years ago)
• Topics: dynamic, javascript, microfrontend, module-federation, webpack
• Language: JavaScript
• Homepage: https://dynamic-host-module-federation.netlify.app/
• Size: 562 KB
• Stars: 11
• Watchers: 1
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# Dynamic Module Federation (Host App)

[![Netlify Status](https://api.netlify.com/api/v1/badges/d9255f2f-8d7d-4f47-a998-c8d2fe26d32e/deploy-status)](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