POC on micro-frontend

This project is proof of concept of using module federation feature to create micro-frontend

In this poc we have 3 different frontend applications 1 host application(React) and 2 remote applications(Vue and React)

The main purpose of this POC is to show that we can consume a component developed by same or different framework which has been been deployed seperatly

Run Locally

Extract the project from zip and go to the POC directory

  cd POC

Host

Go to the Host directory

  cd host

Install dependencies

  npm install

Start the server and check for any missing dev dependencies

  npm run start

Build the host

  npm run build

Run the preview

  npm run serve

Remote #1

Go to the remote directory

  cd remote

Install dependencies

  npm install

Start the server and check for any missing dev dependencies

  npm run start

Build the remote application

  npm run build

Run the preview

  npm run serve

Remote #2

Go to the remote directory

  cd second-remote

Install dependencies

  npm install

Start the server and check for any missing dev dependencies

  npm run start

Build the remote application

  npm run build

Run the preview

  npm run serve

Authors

• @sbendalam