AI-Native Software Engineer · Jakarta, Indonesia
I build fast, human software —
with a robot sidekick.
7+ years shipping travel, commerce and AI products end to end — from call-center voice analytics in Japan to hotel booking flows used by 50M+ people a month. This whole intro? Hand-drawn, frame by frame, in canvas.
What I do
Three ways I help teams ship
Full-stack product engineering
TypeScript end to end — Next.js, React, Laravel & Node, PostgreSQL. I take products from schema to pixel and ship them, whole.
AI-native workflows
Agentic development with Cursor, Claude and spec-driven specs. And AI in the product itself — like CenterEye, voice analytics for live call centers.
Performance & platform
Core Web Vitals up 30%, infra cost down 80% via SSR→SSG, load times cut 40%. Observability, CI/CD, Docker, AWS.
Pencipta — my own products
Designed, coded and deployed solo
Streamkit
↗A streaming toolkit — soundboard, overlays, VTuber tools, running text and webcam pose.
Pencipta Store
↗Shop catalog, orders, fulfilment, advanced themes and a POS for digital businesses.
Pencipta Link
↗Custom redirect URLs and bio pages with drag-and-drop themes for creators.
Experience
Seven years, three stories
Sellavir Inc
2025 — 2026Full-stack Developer · Remote (DE, US)
- ✦Built CenterEye — AI voice analytics & KPI monitoring on Genesys/NICE for call centers across Japan
- ✦Migrated chat from HTTP polling to WebSocket; redesigned the audio/context queue architecture
- ✦Drag-and-drop seat configuration adopted by hundreds of agents
Traveloka
2021 — 2025Software Engineer II · Web Accommodation
- ✦Led the end-to-end hotel booking journey for 50M+ monthly users
- ✦+20% app performance · Core Web Vitals +30% · infra cost −80% (SSR→SSG on AWS S3)
- ✦A/B components lifting bookings 5–30%; JP & KR market rollout
Blibli
2019 — 2021Software Development Engineer · Payment & B2G
- ✦Multi-channel payment flows: Visa, Mastercard, banks, GoPay, OVO, Indodana
- ✦Payment page load times −40% via tree-shaking & async loading
- ✦Nationwide B2G e-procurement platform for schools across Indonesia
Technical experience
+ Genesys · NICE · AudioContext — the CenterEye stack at Sellavir
Writing
Notes from the workbench
Dynamic Layouts in a Vue Project
There are some way to dynamic layouts a Vue js project. in this article, I will share my experience when making layouts for a Vue JS project.
Handle Websocket API Frontend Implementation
Handle Websocket with Websocket API in Javascript. The browser API has a function for communicate between server and user browser.
How to create a Vue Js project
Create a vue js project are can be done in several way. Before that, any of you are familiar with Vue Js?
Microservices Frontend Projects with Docker
vue project
Notes - Image Performance Implementation
My own checklist when implementing image
Notes - SEO Social Sharing Meta Tag
Important note for building new website to improve social sharing link for better showing
Connect
Have an idea? Let's ship it.
Freelance projects, full-time adventures, or just talking shop about AI-native engineering — Riko will make sure your message reaches me.
The brand
Colors & mark
#4A7CF6
#FF6B35
#232630
#F6F1E6
#2FAE6E
The pixel ew mark — blocky like the code, warm like the paper.
The mascot
Riko, the pixel-bot
Born from the logo: a blue pixel block that learned to walk. Riko fronted the intro you just watched — every line of him is drawn by code, wobble included.