Engineering Deep Dives
Case Studies
Real problems, the engineering behind the fix, and measurable outcomes — across DevOps, ERP systems, and web applications.
01DevOps / Performance
Cutting a Next.js Site's Origin Transfer by 90%
How this portfolio went from blowing its Vercel bandwidth quota to serving 495 fully static pages from the CDN.
- i18n payload
- −95%
- i18n payload
- static pages
- 495
- static pages
- image weight
- −73%
- image weight
- origin transfer reduction
- >90%
- origin transfer reduction
- Next.js App Router
- next-intl
- Vercel
- sharp
02ERP Systems
ERP Approvals: From Days to Hours at ANC
Replacing manual, email-driven invoice signoffs with hierarchical approval chains in ANCoraPRO's AP/AR module.
- approval turnaround
- Days → Hours
- approval turnaround
- approval chains
- Multi-level
- approval chains
- React
- Vite
- Material UI
- NestJS
- PostgreSQL
- Google Cloud
- Nginx
03DevOps / Observability
Self-Hosted Observability for Production VPSs
One Grafana pane of glass — metrics, logs, and phone-call alerting — for every production server I run.
- dashboard for all servers
- 1
- dashboard for all servers
- alerting with escalation
- 24/7
- alerting with escalation
- Grafana
- Prometheus
- Loki
- Docker
- Ansible
04Web App / AI
Observer KPU: AI Election Information Platform
A single, queryable source of verified information for Indonesia's 2024 general election, with an LLM chatbot on top.
- Indonesian general election
- 2024
- Indonesian general election
- IT Symposium recognition
- SGU
- IT Symposium recognition
- Next.js
- Python
- LLM
- web scraping