Saepul Malik
Studi kasus

Content Management System (Formulir & Media)

CMS full-CRUD yang mencakup seluruh tipe konten Inspigo — podcast, video, konfigurasi IFB, learning path, konten roleplay, dan pembayaran.

PT Inspigo Inovasi Indonesia2021–Sekarang
React Hook FormZodshadcnTanStack Table

Masalah

Sebelum adanya CMS ini, pembaruan konten produk harus melalui engineering — belum ada jalur self-serve bagi tim nonteknis untuk mengelola audio podcast, video, learning path, konten AI roleplay, data pembayaran/voucher/kredit, maupun konfigurasi UI dinamis Inspigo For Business.

Arsitektur

Dibangun dengan React Hook Form + shadcn + Zod untuk form, dan TanStack Table untuk tampilan list/table — full CRUD di seluruh tipe konten yang tercantum di atas.

Eksekusi

Dikerjakan bersama tim, bukan solo. Tantangan terberatnya adalah mengonsumsi banyak backend service yang berbeda, masing-masing dengan struktur error dan respons tersendiri — validasi dan error handling harus dinormalisasi lintas format yang tidak konsisten per service, alih-alih mengasumsikan satu kontrak API yang seragam.

Tampilan ringkasan CMS

Drag-and-drop form builder CMS

Tampilan form CMS

Tampilan tabel CMS

Dampak

Tim Inspigo lainnya kini dapat memperbarui konten produk secara mandiri langsung melalui CMS, alih-alih mengalirkan setiap perubahan lewat engineering.