Apa itu pola Backend-for-Frontend dan bagaimana hubungannya dengan API gateway?

Question

Accepted Answer

A **Backend-for-Frontend (BFF)** adalah gateway khusus per jenis klien (web, mobile, partner). Alih-alih satu gateway generik yang melayani semua klien, setiap frontend mendapat backend yang disesuaikan dengan kebutuhannya.

## Masalah yang diselesaikannya

Aplikasi mobile dan aplikasi web memiliki kebutuhan data, ukuran payload, dan chattiness yang berbeda. Satu API generik memaksa kompromi dan over-fetching.

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

## Apa yang BFF lakukan

- **Menggabungkan** beberapa panggilan service menjadi satu respons yang dibentuk untuk klien.
- **Memangkas** payload untuk klien terbatas (mobile).
- Memiliki **logika khusus klien** sehingga service tetap generik.

```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 |
|---|---|---|
| Cakupan | Satu untuk semua klien | Satu per jenis klien |
| Logika | Cross-cutting generik | Pembentukan khusus klien |

## Jebakan

Terlalu banyak BFF menduplikasi logika; jaga agar tetap tipis dan hindari kebocoran aturan bisnis yang seharusnya ada di service.

## Mengapa ini penting

BFF memungkinkan setiap frontend berkembang dengan kecepatannya sendiri dengan backend yang cocok untuknya, alih-alih membengkokkan setiap klien menjadi satu kontrak bersama.

Mereka melengkapi (bukan menggantikan) gateway: gateway menangani masalah edge seperti auth dan routing, sementara BFF menangani agregasi khusus klien.

	API Gateway	BFF
Cakupan	Satu untuk semua klien	Satu per jenis klien
Logika	Cross-cutting generik	Pembentukan khusus klien