Di Balik Layar
Portfolio yang menjalankan apa yang dikatakannya — setiap klaim di situs ini soal DevOps dan performa diterapkan langsung ke situsnya sendiri.
Situs ini lebih dari sekadar daftar skill — situs ini adalah buktinya. Angka performa, strategi rendering, dan praktik monitoring yang dijelaskan di halaman ini sama dengan yang saya terapkan ke proyek klien, dan diterapkan lebih dulu ke portfolio saya sendiri.
React Server Components, static prerendering, dan metadata per route untuk SEO.
Routing dwibahasa penuh — setiap halaman tersedia dalam bahasa Inggris dan Indonesia dengan hreflang alternates yang benar.
Styling utility-first di atas CSS variables untuk dark theme dan aksen oranye.
Reveal saat scroll dan transisi halaman, dijaga tetap ringan dan hanya sekali jalan.
Pengiriman halaman prerender lewat Edge CDN, dengan analytics untuk data pengguna nyata.
Hampir semua request berhenti di CDN. Origin hanya terlibat saat situs di-build — bukan saat kamu mengunjunginya.
Semuanya di-prerender statis saat build — tidak ada server rendering per request.
Payload i18n di client dipangkas jadi 76 KB, bukannya mengirim teks semua blog post di setiap halaman.
Konten blog di-inject ulang per halaman — tiap post hanya membawa kontennya sendiri.
ISR hanya dipakai di tempat yang datanya live; yang statis tetap statis.
106 kB shared first-load JavaScript — dan angka ini dijaga, bukan cuma diukur.
Footer animasinya WebGL yang ditulis tangan (~4 kB), bukan menarik three.js.
Gambar dikompres dengan sharp sebelum masuk ke repository.
Aset statis dikirim dengan immutable cache header sehingga kunjungan berikutnya tidak perlu lewat network lagi.
Arsitektur ini bukan teori — semuanya ada karena situs ini pernah jebol kuota bandwidth Vercel. Memperbaikinya berarti profiling, static rendering, memangkas payload, dan mengompres ulang gambar, sampai origin transfer turun lebih dari 90%.
Baca case study lengkapnyaServer produksi di balik proyek klien saya diawasi oleh stack Grafana, Prometheus, dan Loki yang self-hosted — dashboard, log, dan alerting dengan eskalasi. Situs ini sendiri berjalan di Vercel dan dipantau lewat Vercel analytics.