This repo host module federation types can may exist
This repo has some examples of module federation that may exist, and it's a WIP, so we will add examples along the way, for instance, react host with react remote and more.
- Disclaimer for NextJS apps you need the lates version of
@module-federation/nextjs-mfthat is a paid module, you can red more here
- It is a top-level app that depends on modules exposed from a remote app
- Runs on port
8080
- Exposes components: for example
Navto another app called host. - Runs on port
8081
It is a middle-level app, which depends on modules exposed from remote app, for example can be : react ,react-dom or others. In the meantime, it also exposes components: for example Nav to another host apps
- Clone the project
- Navigate to the type of module federation you are interested to run
- For example we will illustrate for:
nextjs-host-remote - Navigate to
nextjs-host-remotefolder - Run in the root folder:
yarn - Run:
yarn start - Navigate to: http://localhost:8080/
- For example we will illustrate for:
- To run every type, please take a look: Set Up and running module federation types
- Module federation that has a host app with NextJS and a remote app with NextJS
- This type of module federated at folder:
nextjs-host-remote
- Module federation that has a host app with React and a remote app with React
- This type of module federated at folder:
react-host-remote
- Module federation that has a host app with React and a remote app with NextJS
- This type of module federated at folder:
react-host-nextjs-remote
- Module federation that has a host app with NextJS and a remote app with React
- This type of module federated at folder:
nextjs-host-react-remote