Tentang

Dari penyelaras bahasa ke arsitek frontend — obsesi terhadap struktur terus berlanjut, dulu dalam kalimat, kini dalam sistem. Saya membangun antarmuka di mana state, performa, dan API tidak saling bertabrakan. Belakangan ini, itu berarti alat berbasis AI dengan degradasi yang terkontrol, dan design system yang dipakai tim lain.

Perjalanan Karier

1. 2003–2013

   Penyelaras Bahasa

   PT Kompas Media Nusantara

   Memastikan akurasi dan kejelasan di koran paling dihormati di Indonesia. Mengembangkan apresiasi mendalam terhadap struktur, konsistensi, dan perhatian terhadap detail.

2. 2013–2021

   Arsitek Frontend

   PT Kompas Media Nusantara

   Memimpin pengembangan sisi frontend Kompas.id melalui tiga evolusi arsitektur (WordPress → Vue.js → Nuxt.js). Membangun @kompas/ui — sistem desain bersama yang diadopsi lintas tim produk — dan memangkas bundel CSS dari 300KB menjadi 43KB.

3. 2022–2026

   Pengembang Fullstack

   Undercurrent Capital Pte Ltd, Singapura (Remote)

   Setidaknya sepuluh produk di domain teknologi finansial, Web3, dan dampak sosial — masing-masing dengan stack dan logika bisnis sendiri. Membangun komponen UI kompleks, arsitektur bersama, dan integrasi API. Di sela itu, membangun dan menerapkan alat berbasis AI di mana dampaknya nyata.

4. 2021–kini

   Arsitek Frontend

   Patroon (patroon.id) — Remote, Freelance

   Pengembang tunggal untuk platform e-commerce fesyen beserta chatbot AI-nya: klasifikasi intent, pencarian retrieval-augmented atas katalog produk, dan fast-path layer yang memangkas waktu respons sekitar 70% untuk pertanyaan sederhana dan 35–40% untuk yang kompleks.

Karya Konfidensial

Nama klien dan produk dirahasiakan sesuai NDA. Cakupan: produk fintech, Web3, dan dampak sosial di Undercurrent Capital.

• Sistem notifikasi dibangun dari nol — lapisan layanan API, definisi tipe bersama, hidrasi sisi server, validasi CTA, dan tampilan tabel terfilter di panel admin maupun pengguna.
• Tabel riwayat order dengan ekspor CSV, watchlist pasar real-time, dan komponen order book untuk dua produk trading.
• Pola arsitektur konsisten lintas produk: custom hooks untuk logika state yang dapat dipakai ulang, implementasi tabel yang sadar performa, dan paket tipe bersama yang dipakai lintas aplikasi frontend.

Filosofi

Saya masih merevisi kode seperti saya dulu merevisi prosa — baris per baris, dengan tujuan. Setiap komponen harus jelas, bertujuan, dan bebas dari kompleksitas yang tidak perlu. Kode yang baik mengomunikasikan maksud kepada manusia yang mewarisinya.

Keahlian & Alat

• Vue.js / Nuxt.js
• React / Next.js
• TypeScript
• Tailwind CSS
• Node.js
• Laravel
• WordPress
• Design Systems
• AI Integration

Personal

Berbasis di Indonesia, bekerja secara remote dengan tim di seluruh Asia Tenggara. Di luar kode, saya tertarik pada kereta api, fotografi, dan sesekali bacaan panjang.

Tanya Jawab