This started as the first React/Webpack Micro Frontend architecture built entirely in-house at Bradesco Seguros. Before it existed, every team wired up their own module federation setup from scratch. I turned it into a project template so new Micro Frontends start from a working setup instead of a blank repo.
At the center of it is an orchestrator that decides what to mount: it reads the logged-in user's permission profile and loads, dynamically, only the Micro Frontends that profile is allowed to see, alongside a fixed set that always loads regardless of role: the menu, login, and home page.
The host app. Every screen request goes through it first.
Mounted for every user, regardless of role.
- Menu
- Login
- Home page
Mounted dynamically: only the Micro Frontends this profile is allowed to see.
It's now used directly by 8 teams, cutting project setup time by ~75%.
→ Shared component & utils library
Every Micro Frontend at Bradesco Seguros pulls its UI components, default configs, and cross-cutting utilities from one shared library instead of reimplementing them per team: a component set built with Storybook, plus utility functions like checking access permissions and pulling the current session.
It's used across 11 teams, and having one shared source for auth and session plumbing and UI components sped up component development by 60% overall.
→ Resources used