Name	Name	Last commit message	Last commit date
parent directory ..
host-app	host-app
remote-app	remote-app
README.md	README.md
package-lock.json	package-lock.json
package.json	package.json

Name

Last commit message

Last commit date

Module Federation with NexJS and Client Side React.

Module federation in NextJS depends on @module-federation/nextjs-mf.

Use Case: Use NextJS as Host App and Remote app will be a flavour of React + Webpack 5.

Context

There are 2 applications,

remote-app is exposing a component called Button and the same button is consumed by host-app.

run npm install - Install all the dependencies to run the apps in parallel.
run npm run install:apps - Install all the required dependencies on both host-app and remote-app
run npm run start - Start both host-app and remote-app
host-app on localhost:3000
remote-app on localhost:3001
Navigate to localhost:3000 - Two Button Component should be visible, one from remote and another from host app.