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 latest version of @module-federation/nextjs-mf that is a paid module, you can read 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: pnpm run start
  • Navigate to: http://localhost:8080/

• 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

"Best Practices, Rules amd more interesting information here