POC: Microfrontend Architecture & monorepository

Proof of concept for micro-frontend architecture using single-spa.js.

This project uses Lerna to manage the monorepository.

Requirements

You must have yarn ^1.22 installed in your local environment.

Getting started

1. Fork & clone this repository
2. Go into the project folder
3. Type yarn && yarn bootstrap
4. Run yarn start:microfrontend to start the microfrontend architecture in dev mode (with hot reload)

Docs

Microfrontend

Run yarn start:microfrontend to start the microfrontend architecture in dev mode (with hot reload).

This command will run all the projects which :

• Has a name that start with microfrontend- in package.json
• Contains the start script in package.json

Projects :

• wrapper (React app): the micro-frontend wrapper which glue the different frontend together
• nav (React app): navigation links used to navigate between micro-frontend
• home (Vue app)
• login (Vue app)
• 404 (Vue app)