What is the difference between micro-frontends and microservices?

Question

Accepted Answer

**Micro-Frontends** — independent frontend modules. **Microservices** — independent backend services.

**Micro-Frontends:**
- Independent frontend modules.
- Separate teams.
- Independent deployment.
- Composed at runtime.

```
Micro-Frontends:
[Header] [Product] [Cart] [Footer]
  (Each team owns their part)
  (Composed in browser)
```

**Microservices:**
- Independent backend services.
- Separate databases.
- Independent deployment.
- Composed via APIs.

```
Microservices:
[User Service] [Order Service] [Payment Service]
  (Each team owns their service)
  (Composed via APIs)
```

**Key differences:**
- **Micro-Frontends** — frontend.
- **Microservices** — backend.
- **Micro-Frontends** — browser composition.
- **Microservices** — API composition.

Systems Analyst: What is the difference between micro-frontends and microservices?