Wat is het Backend-for-Frontend patroon en hoe verhoudt het zich tot een API gateway?

Question

Accepted Answer

A **Backend-for-Frontend (BFF)** is een toegewijde gateway per client type (web, mobile, partner). In plaats van één generieke gateway die alle clients bedient, krijgt elke frontend een backend die op maat is gemaakt voor zijn behoeften.

## Het probleem dat het oplost

Een mobiele app en een web-app hebben verschillende data-, payload-grootte- en chattiness-behoeften. Een enkele generieke API dwingt compromissen af en over-fetching.

```text
Without BFF:        With BFF:
  All clients          Web ─▶ Web BFF ─┐
     │                 Mobile ─▶ Mobile BFF ─┼─▶ microservices
  one generic API      Partner ─▶ Partner BFF ─┘
```

## Wat een BFF doet

- **Aggregeert** meerdere servicecalls in één client-vormige response.
- **Verlaagt** payloads voor beperkte clients (mobile).
- Bezit **client-specifieke logica** zodat services generiek blijven.

```js
// Mobile BFF: one call → compose a lean screen payload
app.get('/home', async (req) => {
  const [user, orders] = await Promise.all([
    usersApi.get(req.userId),
    ordersApi.recent(req.userId, { limit: 3 }) // small for mobile
  ]);
  return { name: user.name, recentOrders: orders }; // tailored shape
});
```

## BFF vs gateway

| | API Gateway | BFF |
|---|---|---|
| Scope | Eén voor alle clients | Eén per client type |
| Logic | Generieke cross-cutting | Client-specifieke vormgeving |

## Valkuil

Te veel BFFs dupliceren logica; houd ze dun en voorkom dat bedrijfsregels die in services horen weglekken.

## Waarom het belangrijk is

BFFs laten elke frontend op zijn eigen tempo evolueren met een backend die erbij past, in plaats van elke client naar één gedeeld contract te buigen.

Ze vullen (vervangen niet) de gateway aan: de gateway handelt edge-problemen af zoals auth en routing, terwijl de BFF client-specifieke aggregatie verwerkt.

	API Gateway	BFF
Scope	Eén voor alle clients	Eén per client type
Logic	Generieke cross-cutting	Client-specifieke vormgeving