I build business systems that just work.

Premium olive-oil store with a working cart — add to cart, drawer, quantities, mock checkout, all persisted.

Lumière

Single-product skincare DTC landing — masked headline reveal, shop-by-concern, add-to-bag through to checkout.

AUBIN

Quiet-luxury ready-to-wear one-pager: editorial hero, product edit, interactive lookbook and a functional cart.

MEKAR

Florist atelier in Bahasa Indonesia, priced in Rupiah — bouquet collection, cart and same-day framing.

EMBER

Home-fragrance brand: four scents, a burn ritual section, gallery and a cart that survives a refresh.

KEMASA

Next.js · Tailwind · Motion · Rechartsopen ↗

Wholesale packaging supplier — quantity-tier pricing, enforced minimum order, and shipping billed on volumetric weight, plus an orders and stock panel.

TopNova

Next.js · Tailwind · Webhooksopen ↗

Game top-up store with a real automation backend — signature-verified payment webhook, auto-delivery, retry and auto-refund.

Seruni

Booking

Salon booking that can't double-book: real-time slots from each therapist's hours, booked without an account.

Next.js · Zustand · Motionopen ↗

AIVELLE

Booking

The same booking engine reskinned for an aesthetic clinic — treatments, doctors, patient history, membership points.

Next.js · Zustand · Motionopen ↗

Sakan

Ops & internal

Property management for Dubai bedspace rentals — occupancy map, tenants, payments, maintenance kanban. Edits persist.

Next.js · Supabase · Rechartsopen ↗

Kasira

Ops & internal

Café point-of-sale: menu grid to cart to QRIS/cash/card, a 58mm thermal receipt, shift cash-up and a Z-report.

Next.js · Zustand · Rechartsopen ↗

TourOps

Ops & internal

Tour-operator back office — leads kanban with follow-up flags, departures, guide assignment and revenue recap.

Next.js · Recharts · Motionopen ↗

MomenKita

SaaS & AI

Scan a QR at an event and upload straight to a live shared gallery — no app, no login, ~80% smaller files.

Next.js · Drizzle · MySQLopen ↗

FlowBridge

SaaS & AI

Webhook to CRM, exactly once: contract validation, idempotent dedupe, AI enrichment, retry with backoff.

FastAPI · Next.js · Groq AIopen ↗

Arkatek

HTML · CSS · JavaScriptopen ↗

Corporate site for an industrial engineering firm — kinetic hero, animated counters, light/dark, duotone imagery.

RUANG

All-day café landing built to convert — trust bar, reviews, WhatsApp and delivery-app ordering, sticky mobile CTA.

Motion Lab

Rive · Lottie · Framer Motionopen ↗

A clickable gamified-learning animation system: Rive state-machine mascot, streaks, XP ring, level-ups.

Govinda concept

An unsolicited redesign concept for a wedding photographer — his art direction kept, structure and booking form fixed.

03

How I work

I'm a full-stack developer who started by building a company's entire operations platform from scratch — as its CTO and only engineer. That meant sitting with the sales, purchasing, and finance teams first, learning how the business actually runs, then designing the system around reality.

I work across Laravel/PHP and Next.js/React/TypeScript, and I use AI tooling (Claude Code) to ship fast — while staying in control of every line. I own the architecture, not just the syntax.

“Software that fits how people work beats software that's clean but ignores how people work.”

04

Stack

Frontend

Next.js
React
TypeScript
Tailwind CSS
Motion / Framer

Backend & Data

Laravel / PHP
FastAPI / Python
PostgreSQL · MySQL
Supabase (Auth · RLS)
REST APIs · Webhooks

Practice

Full-stack architecture
Multi-tenant SaaS
ERP / business systems
Payments (Stripe · Xendit)
AI-assisted dev (Claude Code)

05

Writing

Notes from builds, written so the useful part is checkable rather than impressive.

7 Sep 2026·8 min read

Switching payment gateway is a migration, not a swap

The comparison threads argue about fees and approval speed. The cost lands in your own code: webhook verification is a different security model between providers, every virtual account number you issued carries the old provider’s company code, and reconciliation has to survive two providers at once. How to migrate without moving anything in flight, and when not to switch at all.

3 Sep 2026·7 min read

“Which payment gateway works for an individual?” is two questions

Taking money in for your own sales and sending money out to other people are different licensed activities, and a provider that accepts you as an individual for one says nothing about the other. Six questions to ask before switching, and why a personal account gets reviewed for whose money passes through it rather than how much.

2 Sep 2026·7 min read

Can an Indonesian company build its own payment gateway?

The Bank Indonesia licence probably does not apply if the only money moving is your own, because a PJP is defined as facilitating payments for other people. What actually stops you is QRIS, which no merchant can issue for itself. What is left to build, and the three questions that say don’t.

1 Sep 2026·8 min read

I ran Supabase’s RLS checklist against my own app. It failed four checks.

Tenant isolation was correct and the recursion trap was already avoided. What failed was everything around it: no TO authenticated, helpers not wrapped in a subquery, an UPDATE policy with no WITH CHECK on a table carrying a billing column, and SECURITY DEFINER helpers sitting in the schema PostgREST exposes.

1 Sep 2026·6 min read

The shipping cost your wholesale price list cannot see

Five packs of bubble wrap weigh 21 kg and get billed as 94 kg. How chargeable weight works, why only two of eight SKUs are affected and you cannot eyeball which, and why shipping cost is a property of the basket rather than the product.

31 Aug 2026·6 min read

Marketplace split payments when Stripe Connect does not support your country

Connect does not support platforms incorporated in Indonesia or Malaysia. What that actually means, why the “legacy” account-type warning is not what it looks like, the honest local alternatives, and the five parts of escrow that break no matter which provider you pick.