/mfe-inside-mfe

example with multiple micro frontends in the same page

Primary LanguageJavaScript

mfe-inside-mfe

Example with multiple micro frontends in the same page

Use node version 14.X.X for seamless working fo the application.

To run the container app

  • cd container

  • npm install

  • npm start

This will start the webpack dev server at 8080 port.

To run catalog mfe

  • cd catalog

  • npm install

  • npm start

This will start the webpack dev server at 8081 port.

To run cart mfe

  • cd cart

  • npm install

  • npm start

This will start the webpack dev server at 8082 port.

To run reviews mfe which will get rendered inside product details page of catalog mfe

  • cd reviews

  • npm install

  • npm start

This will start the webpack dev server at 8083 port.

Each micro frontend is running on their own port and via a container app running on 8080 port.

Clicking on a product on catalog page with render the product details page and Catalog micro frontend from 8083 port.