This is a way to build one giant website by breaking it into smaller, independent mini-websites. It makes a massive project much easier for a large company to manage.

The Big Idea

Like building with blocks, each feature of the site is its own separate piece. You can swap out or fix one block without having to rebuild the entire model.

The LEGO Analogy

This is a simple 'frame' website that holds all the different mini-apps together. It acts like a host that decides which piece to show the user at any given time.

The Main App Shell

Different teams can use different coding languages for their specific section of the site. This allows one part to use the latest tech while another part stays on older, proven tools.

Mix and Match Tools

Instead of hundreds of people working on the same file, small groups own their own specific features. This prevents teams from slowing each other down.

Working in Small Teams

You can update the 'shopping cart' section without touching the 'home page' code. This means the site can be improved many times a day without a full shutdown.

Updating One Piece Alone

Even though they are separate, the pieces can share information, like which user is logged in. They do this by sending simple 'notes' or messages back and forth.

Talking Between Parts

To make the site feel like one experience, teams follow a shared rulebook for buttons and colors. This ensures that the separate pieces fit together visually.

Keeping a Uniform Look

If the 'weather' part of the site has a bug and stops working, the 'news' section will still run perfectly. This keeps a small error from ruining the whole website.

Safety from Total Crashes

One way to build this is by putting a mini-app inside a secure 'window' called an iframe. This keeps that specific part completely isolated from the rest of the site's code.

Putting Apps in Boxes

Big companies like Spotify and Amazon use this method to manage their huge digital platforms. It allows thousands of employees to contribute to the site at the same time.

Micro-Frontends Concepts