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-mf
that 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
Nav
to 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-remote
folder - Run in the root folder:
yarn
- Run:
yarn start
- Navigate to: https://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