Digital Transformation
Server-Driven UI (SDUI)
TL;DR: Server-Driven UI (SDUI) memindahkan keputusan soal layout dan komponen antarmuka dari aplikasi ke server. Server mengirim deskripsi UI, lalu klien merendernya. Hasilnya, tim bisa mengubah tampilan tanpa update aplikasi di app store atau deploy ulang frontend.
Apa itu Server-Driven UI?
Server-Driven UI adalah pendekatan di mana server, bukan kode klien, yang memutuskan elemen apa yang muncul dan dalam urutan apa. Klien hanya bertindak sebagai mesin render yang menerjemahkan instruksi server menjadi komponen visual. Pola ini berbeda dari arsitektur biasa di mana layout di-hardcode di sisi klien, mirip semangat headless CMS yang memisahkan konten dari presentasi.
Cara Kerja Singkat
| Tahap | Yang terjadi |
|---|---|
| Permintaan | Klien minta layar tertentu ke server |
| Respons | Server kirim JSON berisi tipe komponen, urutan, dan data |
| Render | Klien memetakan tiap tipe ke komponen native atau web |
| Update | Ubah respons server, tampilan berubah tanpa rilis ulang |
Kenapa Penting?
Untuk tim produk yang ingin bereksperimen cepat, SDUI memangkas siklus rilis. Sebuah perubahan urutan section di halaman bisa diuji A/B langsung dari server, tanpa menunggu review app store. Dari pengalaman membangun antarmuka berbasis komponen, pendekatan ini paling kuat ketika dipadu sistem desain yang konsisten seperti atomic design, sehingga setiap komponen yang dikirim server sudah terstandar.
Pertanyaan Umum
Apakah SDUI sama dengan API biasa?
Tidak. API biasa mengirim data mentah, sedangkan SDUI mengirim deskripsi UI lengkap termasuk komponen dan tata letaknya.
Apa risikonya?
Ketergantungan pada server lebih tinggi dan butuh kontrak komponen yang disiplin. Bila tidak dikelola, fleksibilitas bisa berubah jadi kompleksitas.
Istilah Terkait