react-mern / micro-frontend

A micro-frontend app

A micro-frontend app ✨️

Building Scalable and Modular Web Applications with Micro Frontends and Webpack Module Federation

Why?

To scale with multiple teams in a micro services environment

• More cohesive codebase
• Simplify maintenance
• Allows to scale development teams
• Simplify updates
• Independent deploy

If you'd like more specifics, look into this article Click here

📖 App architecture

• packages
  • core-ui
  • app1
  • app2

💻 Built With

• React
• TypeScript
• Webpack - module-federation

🛠️ Installation Steps

Clone the repository ⎘

git clone https://github.com/asif-simform/micro-frontend.git

Change the working directory 📂

cd micro-frontend

Install dependency 🚚

yarn

Start core-ui app 🚀

yarn start:core-ui

Start app1 🚀

yarn start:app1

Start app2 🚀

yarn start:app2

🚀 Live demo

• core-ui app: https://mfe-core-ui.vercel.app/
• app1: https://mfe-app1.vercel.app
• app2: https://mfe-app2.vercel.app

🛡️ License

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 Author

👤 Asif Vora

• Github: @asifvora
• LinkedIn: @asif-vora
• Twitter: @007_dark_shadow
• Instagram: @007_dark_shadow