microfrontend-vue-and-vite

This is a proof of concept with Vue3, to show one of many ways to design a microfrontend. This was done using:

• Vue 3
• Vite as bundle pack tool
• vite-plugin-federation as a Module federation tool

In this project there are the following folders:

• pigeon: the host project, has the responsibility to contain and manage all the "child" projects (remotes)
• pigeon-shipments: one of the remote projects, it's responsible for showing the shipments the user has
• pigeon-tracker: another remote project, it's responsible to track the user active shipments

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Project Setup

pnpm install

To run the project

pnpm start