Cerita on Blogfolio Najib

Hijrah Frontend (5): Dua Sisi Satu Gedung

Wed, 23 Sep 2026 09:00:05 +0700

Ini episode terakhir berseri frontend. Dan sesuai tradisi penutup di seri sebelah, episode ini bukan pesta kemenangan; melainkan inventaris akhir: apa yang sudah beres, apa yang sengaja belum, dan apa yang dipelajari dari tinggal di gedung yang dua sisinya akhirnya dihuni satu orang yang sama hehe~

Inventaris Akhir yang Jujur #

Empat episode lalu kita membuka gedung frontend warisan. Saat pintu ditutup kembali, begini isinya:

76 halaman pindah, 76 halaman hidup. Port 1:1 tanpa buang satu halaman pun, dan semua link internal antar halaman tetap mengerti jalan pulangnya.
Dua library UI tetap berdamai. Seratus satu file untuk si mayoritas, tiga belas untuk si pemegang monopoli kalender, dan tetap nol file yang memergoki mereka berbagi kamar.
194 bekas luka tipe terukur.¹ Seratus sembilan puluh empat jaring pengaman kecil yang jujur mengaku dirinya angsuran, bukan arsitektur.
Tiga era styling hidup berdampingan,² satu jenazah backup mendapat penghormatan terakhir yang layak, dan standardisasi resmi menunggu di ruang epilog.

Tidak ada di daftar itu yang berbunyi “semuanya rapi”. Dan justru itu kejujurannya: gedung ini tidak selesai direnovasi; gedung ini selesai dipindahkan. Dua hal yang berbeda, dan membedakan keduanya adalah pelajaran terbesar dari dua seri hehe~

Hijrah Frontend (4): Dua Library UI, Dua Era Penamaan

Wed, 23 Sep 2026 09:00:04 +0700

Di episode kedua saya menyebut angkanya: satu library UI dipakai di 101 file, satunya bertahan di 13. Episode ini saya buka lebih dalam, karena di dalamnya ada dua temuan yang membuat saya tertawa sendirian di depan layar hehe~

Temuan pertama: keduanya tidak pernah bertemu di satu file yang sama. Temuan kedua: library yang kalah popularitas itu menyimpan barang paling dicari se-kota. Mari berurutan.

Dua Peradaban dengan Garis Demarkasi #

Peradaban pertama adalah library mayoritas: dia menyediakan paginator, button, skeleton, card, sampai galleria gambar. Dia fondasi tampilan hampir semua halaman; panggilannya terdengar di seratus satu file.¹

Hijrah Frontend (3): Type Chaos, Angka, String Kosong, dan Halaman yang Berbeda Pendapat

Wed, 23 Sep 2026 09:00:03 +0700

Ada satu field yang sama, dikirim oleh tiga halaman berbeda, dengan tiga keyakinan berbeda tentang apa dia itu. Halaman pertama mengirim angka. Halaman kedua, kalau kosong, mengirim string kosong. Halaman ketiga mengirim angka tapi dibungkus string. Ketiganya hidup damai bertahun-tahun, sampai satu hari penerimanya berganti menjadi sistem yang menolak menebak hehe~

Episode ini tentang type chaos: bagaimana ia lahir tanpa niat siapa pun, kenapa ia bertahan bertahun-tahun, dan bekas lukanya yang sampai hari ini masih terukur di repo kami.

Hijrah Frontend (2): Port Tipis dan Warisan yang Ikut Naik

Wed, 23 Sep 2026 09:00:02 +0700

Pindahan di episode pertama akhirnya selesai, dan hari penyerahan barang tiba. Manifestnya pendek dan membosankan, persis seperti manifest pindahan terbaik: tujuh puluh enam kotak masuk, tujuh puluh enam kotak keluar. Nol halaman tertinggal.

Itu bukan kebetulan. Itu keputusan. Dan episode ini cerita tentang keputusan itu: apa yang sengaja kita naikkan, apa yang ternyata ikut naik tanpa undangan, dan satu rencana besar yang memilih untuk tidak jadi hehe~

Kenapa Nol Halaman Ditinggalkan #

Kalau Anda pernah pindah rumah, Anda tahu momen paling membebaskan: saat memutuskan “yang ini buang aja”. Migrasi frontend punya momen yang sama, dengan godaan yang lebih besar, karena membuang halaman terasa seperti membereskan produk sekalian.

Hijrah Frontend (1): Ketika Backend Engineer Disuruh Menyentuh Frontend

Wed, 23 Sep 2026 09:00:01 +0700

Seri Hijrah Backend sudah tamat. Backend GPS sudah berdiri di Go, 14 modul domain tertata, endpoint yang tadinya makan 15 detik sudah sembuh.

Nah, sekarang giliran gedung sebelah.

Saya seorang backend engineer. Dunia saya: query, index, parser paket biner, dan kesejahteraan database. Frontend adalah negeri yang saya kunjungi seperlunya, dengan visa turis. Dan episode ini cerita tentang saat visa turis itu dicabut, diganti KTP penduduk hehe~

Kesan Pertama: Hidung Backend Tidak Menyatu #

Saat mulai menyentuh frontend warisan, satu hal langsung terasa: bahkan saya yang tidak jago frontend bisa mencium bau spaghetti-nya, cukup dengan mental model seorang programmer dan pengalaman bertahun-tahun membaca kode. Anda tidak perlu jago masak untuk tahu sup itu sudah tujuh hari; cukup cium baunya.

Hijrah Backend (9): Epilog, MySQL, PostgreSQL, Lalu MySQL Lagi

Thu, 10 Sep 2026 15:30:09 +0700

Seri ini sudah ditutup di episode lalu. Tapi setiap perjalanan panjang selalu punya satu cerita yang tidak muat di badan utama, dan cerita ini memang terjadi setelah hampir semua episode lain ditulis. Anggap saja adegan pasca-kredit di film: layar sudah gelap, lampu sudah nyala, tapi ada satu adegan lagi hehe.

Ini kisah tentang mesin database yang diminta pindah haluan dua kali. Dan soal siapa yang pegang kemudi saat itu: bukan saya, dan Anda mungkin sudah bisa menebak hahaha.

Hijrah Backend (8): Refleksi 18 Bulan (Lebih atau Kurang)

Thu, 10 Sep 2026 15:30:08 +0700

Ini episode terakhir dari seri ini. Dan seperti yang sudah Anda duga dari judulnya, angka “18 bulan” itu sendiri perlu tanda kutip: kalau dihitung dari hari pertama sampai tulisan ini disusun, angkanya lebih dari itu. Tapi ya sudahlah, angka di slide memang punya versi masing-masing; seri ini sejak awal memang cerita tentang selisihnya hahaha.¹

Tujuh episode sebelumnya sudah membahas pelajaran teknis satu per satu. Episode ini isinya sisanya: yang akan saya kerjakan beda, utang arsitektur yang saya janjikan sejak episode kedua, satu babak yang tidak jadi, dan terima kasih.

Hijrah Backend (6): Merapikan _Monolith_, Pesawatnya Tetap Terbang

Thu, 10 Sep 2026 15:30:06 +0700

Sistem Go hasil migrasi saya lahir dengan satu penyakit warisan. Semua repositori tidur dalam dua folder raksasa bernama repository dan usecase, campuran menjadi satu dari alert, billing, geofence, sampai fuel. Secara teknis tidak ada yang salah; secara mental, itu kota besar tanpa kecamatan. Mau cari rumah mana pun, kamu harus hafal seluruh kotanya.

Episode ini cerita merapikan kota itu, menjadi 14 modul domain, sambil endpoint-endpoint-nya terus melayani produksi. Karena, Anda tahulah, tidak ada tombol jeda untuk sistem yang dipakai puluhan ribu orang hahaha.

Hijrah Backend (5): Query yang Bilang 'Pakai _Index_-ku'

Thu, 10 Sep 2026 15:30:05 +0700

Di episode kedua, query-nya tidak bersalah, 78 milidetik di CLI, sementara endpoint-nya makan 15 detik. Episode ini cermin kebalikannya: kali ini query-nya benar-benar bersalah. Tapi bukan karena rumit atau jelek, dia bersalah karena satu pembungkus fungsi kecil yang membuatnya mendiamkan index yang disiapkan khusus untuknya hehe~

Index yang Dirancang Sempurna (Dikali Tiga) #

Korbannya: endpoint hitungan alert per device. Satu tabel alert berisi puluhan juta baris,¹ dan di atasnya ada index komposit: (tanggal, device, tipe alert). Kalau kamu membaca kebutuhan endpoint-nya, “ambil jumlah alert per device per tipe, dalam rentang tanggal”, index itu persis seperti dibuat untuk query ini. Seseorang di masa lalu memahami masalahnya dengan benar.

Hijrah Backend (4): Kode Lama sebagai _Executable Spec_

Thu, 10 Sep 2026 15:30:04 +0700

Kalau boleh merangkum satu aturan yang memegang kendali penuh atas migrasi ini, kukalimatkan begini: yang benar adalah yang lama.¹

Kedengarannya menyebalkan, saya tahu. Kamu dipercaya memindahkan sistem ke bahasa baru, dan aturan nomor satu-nya justru: jangan berubah apa-apa. Bukan lebih cepat. Bukan lebih bersih. Bukan lebih baik. Identik. Tulisan ini bedah kenapa aturan yang anti-klimaks itu justru keputusan paling masuk akal yang pernah saya jalani hehe~

Kenapa Sistem Baru Harus Setia pada Sistem Lama #

Alasannya bukan nostalgia. Ada tiga alasan yang sangat pragmatis.

Hijrah Backend (3): Mem-_port_ Puluhan Parser Protokol GPS Tanpa Menghentikan Armada

Thu, 10 Sep 2026 15:30:03 +0700

Mari mulai dari laporan paling membingungkan yang pernah saya tangani: ada kendaraan yang sedang parkir, mesin mati, tapi sistem membaca kecepatannya 66 km/jam. Satelitnya juga ramai, datanya masuk terus. Kalau Anda penasaran bagaimana akhirnya sebuah tanda baca yang salah bisa membuat mobil parkir ngebut, cerita ini untuk Anda hehe~

Rewind: Januari 2025 #

Seperti yang dibahas di episode pertama, mandat migrasi sudah menunggu sejak sebelum saya diterima kerja. Salah satu bagian terbesarnya jatuh ke tangan saya: protokol. Pintu masuk seluruh data armada.

Hijrah Backend (2): Anatomi Endpoint 15 Detik

Thu, 10 Sep 2026 15:30:02 +0700

Di episode sebelumnya saya menyinggung soal satu endpoint yang bisa makan 15 detik sekali panggil. Episode ini cerita lengkapnya, karena perjalanan mencari penyebabnya adalah salah satu debugging paling mengedukasi yang pernah saya alami. Bukan karena rumit, tapi karena saya salah berulang kali dengan penuh percaya diri hehe~

Sebuah Klik, ±17 Detik #

Korbannya: endpoint estimasi bahan bakar per grup kendaraan. Satu klik di dashboard, lalu menunggu. ±17 detik lebih sedikit, setiap kali. Untuk ukuran dashboard yang diakses tiap hari, itu terasa seperti loading jaman dial-up hahaha.

Hijrah Backend (1): Hari Pertama Disodori Warisan 370+ Endpoint

Thu, 10 Sep 2026 15:30:01 +0700

Cerita ini sebenarnya dimulai sebelum saya diterima kerja.

Di sebuah perusahaan GPS tracking di Surabaya, salah satu senior tim mendapat mandat me-rewrite sistem eksisting. Sampai hari ini saya tidak tahu persis apa yang dibicarakan di rapat internalnya; yang saya tahu hanya hasilnya: mereka memutuskan pindah ke Go. Dan baru setelah keputusan itu mantap, lowongan pun dibuka.

Jadi posisi saya di rekrutmen itu unik: saya tidak melamar sebuah pekerjaan, saya melamar sebuah keputusan yang sudah diambil orang lain hehe.