This is a Microfrontends project built with Single-SPA, this repo contains the source code for the React (Navigation) app.

To ensure everything works correctly, all the following repositories must be used.

Root Config -> microfrontends-root-config

Utility Modules -> microfrontends-utility

React (Navigation) -> microfrontends-react

Vue (Products) -> microfrontends-vue

Angular (Checkout) -> microfrontends-angular

Clone and run all of them.

Install dependencies:

npm install

Run the development server:

npm run start:standalone

Run the Root Config app and open http://localhost:9000 with your browser to see the web.

To complement this Project, I wrote a 5-part article series on DEV.to, where I provide detailed explanations and a step-by-step guide. Feel free to explore the articles at your own pace to deepen your understanding of the topic.

Microfrontends a Developer's Guide:

• The Challenges of Monolithic Frontends
• Advantages and Disadvantages
• Tools, Technologies, and Step-by-Step Setup
• Exploring Projects and Managing Communication
• Best Practices and Lessons Learned

The goal is to equip you with both these GitHub repositories and the articles as references, giving you a solid foundation to understand the architecture and confidently build your own Microfrontends project.

Now go and build something cool!

You can colaborate with me giving a star ⭐️ to the project or

Thanks! 😃