MBA Laundry Express

Yang tercatat di riwayat kerja.

1. 01 · Awal proyek

   Menentukan batas pekerjaan

   Sebelum menulis kode, saya duduk dengan pemilik usaha dan mendata apa saja yang perlu bisa diubah staf sendiri: daftar layanan, harga per kilo, promo yang sedang jalan, artikel, sampai lowongan. Dari daftar itu saya susun struktur halaman dan struktur data di PocketBase.

   catatan kerja, apa adanya

   • ›tentukan peta halaman publik: beranda, layanan, harga, cabang, promo
   • ›susun koleksi PocketBase: layanan, harga, promo, artikel, cabang
   • ›sepakat: staf tidak boleh perlu buka kode untuk ganti harga

2. 02 · Sisi publik

   Sembilan belas halaman yang cepat dibuka

   Sisi publik dibangun sebagai React 19 + Vite dengan TypeScript dan Tailwind CSS. Halaman layanan, harga, cabang, promo, artikel, kalkulator estimasi, karier, sampai kemitraan semuanya membaca dari koleksi PocketBase yang sama. Sebagai PWA, halaman yang sudah dikunjungi tetap bisa dibuka walau sinyal di jalan sedang jelek.

   catatan kerja, apa adanya

   • ›rakit kerangka SPA + rute untuk seluruh halaman publik
   • ›halaman harga: tabel per kilo, per item, dan paket langganan
   • ›kalkulator estimasi biaya supaya pelanggan tahu harga sebelum datang
   • ›pasang manifest PWA: bisa dipasang di layar utama ponsel

3. 03 · Panel admin

   Panel yang dipakai orang non-teknis setiap hari

   Bagian tersulitnya bukan membuat CRUD-nya, tapi membuat staf mau memakainya. Panel admin saya rancang sederhana: satu formulir per jenis konten, pratinjau gambar langsung, dan tombol simpan yang jelas. Perubahan yang disimpan langsung tampil di situs publik karena keduanya membaca sumber data yang sama.

   catatan kerja, apa adanya

   • ›form admin per jenis konten dengan pratinjau gambar
   • ›kelola pesan masuk: tandai sudah dibaca, hapus, arsip
   • ›sederhanakan autentikasi staf, cukup satu akun bersama

4. 04 · Rilis

   Naik ke VPS dan dipantau

   Aplikasi dikirim ke VPS Linux lewat Docker dengan Nginx di depannya, dan PocketBase disimpan di volume terpisah supaya datanya aman saat deploy ulang. Sejak itu staf memperbarui promosi dan artikel sendiri — saya tidak lagi dipanggil hanya untuk mengganti satu baris harga.

   catatan kerja, apa adanya

   • ›bungkus aplikasi + PocketBase dalam Docker Compose
   • ›Nginx: domain, HTTPS, dan cache untuk berkas statis
   • ›volume terpisah untuk data, deploy ulang tidak menghapus konten
   • ›pasang pengecekan sederhana supaya tahu kalau situs mati