PT Global Bumi Utama — Platform Profil Perusahaan & CMS

Ringkasan

Platform profil perusahaan full-stack yang dibangun untuk PT Global Bumi Utama — perusahaan solusi industri — dan diselesaikan secara solo dalam 14 hari kalender. Lebih dari sekadar situs brosur statis, platform ini hadir dengan admin CMS granular di mana setiap bagian dari setiap halaman dapat dikonfigurasi secara independen, memberikan klien kepemilikan konten penuh sejak hari pertama tanpa ketergantungan pada developer setelah peluncuran.

Konteks & Kebutuhan

PT Global Bumi Utama membutuhkan kehadiran digital yang profesional untuk merepresentasikan lini produk industri, identitas perusahaan, dan peluang karir mereka — namun proyek ini hadir dengan batasan nyata: jendela waktu dua minggu yang ketat, anggaran terbatas, dan tim non-teknis yang harus mampu mengelola konten secara mandiri setelah serah terima.

Tantangan utamanya adalah menghasilkan sesuatu yang terasa polished dan sekelas enterprise, sekaligus menjaga biaya infrastruktur mendekati nol dan membuat pemeliharaan pasca-peluncuran sepenuhnya dapat diakses oleh non-developer. Platform CMS generik disingkirkan sejak awal — mereka menambah biaya lisensi dan overhead konfigurasi. Solusi custom-built dengan admin panel yang dirancang khusus adalah keputusan yang tepat.

Arsitektur

Platform dibangun di atas Next.js 15 (App Router), di-deploy ke Vercel untuk CI/CD zero-config dengan performa edge global.

Lapisan database: Turso (libSQL) dipilih sebagai database utama. Model serverless edge dan paket gratis yang generous — 500 database, 1 miliar baca baris per bulan — sepenuhnya mencakup profil traffic sebuah company profile, menghilangkan biaya database berulang. Prisma berada di atasnya sebagai ORM untuk manajemen skema type-safe dan kontrol migrasi.

Admin & pengambilan data: TanStack Query menggerakkan lapisan data sisi klien pada admin panel, memungkinkan optimistic updates dan background refetching untuk pengalaman pengeditan yang responsif. Zod menangani validasi runtime di seluruh form admin, menangkap input yang tidak valid sebelum mencapai database.

UI & motion: Primitif Radix UI menyediakan komponen yang aksesibel, di-style dengan Tailwind CSS. Framer Motion menggerakkan animasi entrance dan transisi halaman di seluruh halaman publik, memberikan nuansa brand yang kohesif dan berkualitas tinggi tanpa mengorbankan performa.

Tech Stack:

• Next.js 15 (App Router)
• TypeScript
• Tailwind CSS
• Radix UI
• Framer Motion
• Prisma ORM
• Turso (libSQL)
• TanStack Query
• Zod
• Vercel

Keputusan & Tradeoff Utama

Turso vs PostgreSQL/Supabase konvensional Untuk profil perusahaan dengan pola baca/tulis yang dapat diprediksi dan bervolume rendah, membayar instance Postgres hosted akan menjadi pemborosan. Paket gratis Turso mencakup seluruh profil penggunaan, menjadikannya pilihan budget-first yang tepat — bukan kompromi, melainkan kecocokan arsitektur dengan masalah yang ada.

Konfigurasi admin per-halaman vs CMS monolitik Alih-alih editor konten generik tunggal, setiap halaman — Beranda, Profil Perusahaan, Industri, Produk, Kontak, Karir — memiliki bagian admin khusus masing-masing. Pengelola konten dapat memperbarui hero banner di beranda tanpa menyentuh halaman lain. Ini mengurangi waktu pelatihan, menghilangkan pengeditan lintas-halaman yang tidak disengaja, dan membuat dokumentasi serah terima jauh lebih sederhana.

Pengembangan solo dipercepat AI Proyek ini adalah pertama kalinya menggunakan Claude Code secara sistematis sebagai pair programmer sepanjang sprint solo. Tooling ini terbukti sangat efektif dalam memampatkan timeline: scaffolding skema Prisma, menghasilkan validator Zod dari spesifikasi form, dan mengiterasi struktur komponen dengan cepat. Platform full-stack yang biasanya membutuhkan 4–6 minggu pengerjaan solo berhasil diselesaikan dalam 14 hari tanpa mengorbankan kualitas.

Catatan Implementasi

• Membangun admin dashboard custom dengan manajemen konten per-section — setiap blok teks, gambar, tautan, dan CTA di setiap halaman publik dapat diedit secara independen
• Optimistic updates via TanStack Query membuat interaksi admin terasa instan; perubahan tercermin di UI sebelum server mengonfirmasi
• Animasi entrance Framer Motion yang konsisten diterapkan di seluruh halaman publik — elemen muncul saat di-scroll, memperkuat identitas brand yang profesional
• Desain responsif mobile-first divalidasi di semua breakpoint utama
• Berkolaborasi dengan desainer UI/UX yang memberikan arahan visual; seluruh implementasi teknis dikerjakan secara solo

Hasil & Metrik

• Diselesaikan dalam 14 hari — 15 hingga 30 Desember 2025
• Zero ketergantungan developer pasca-peluncuran — klien mengelola semua pembaruan konten secara mandiri
• Aktivitas pasca-peluncuran: klien telah menambahkan item menu dan mengiterasi konfigurasi desain sepenuhnya melalui admin panel
• Zero biaya infrastruktur database di paket gratis Turso dengan ruang untuk berkembang jika traffic bertumbuh
• Kepuasan klien: feedback pertama setelah peluncuran adalah tentang penyempurnaan desain, bukan fitur yang hilang — sinyal kuat bahwa hasil pengiriman inti memenuhi ekspektasi

Yang Akan Saya Tingkatkan

Role-based access control — admin saat ini menggunakan model pengguna tunggal. Menambahkan RBAC akan memungkinkan beberapa anggota tim dengan izin yang terbatas, yang akan penting seiring pertumbuhan klien.

Pipeline optimisasi gambar — peningkatan pasca-peluncuran yang akan menambahkan konversi WebP otomatis dan lazy loading dengan blur-placeholder saat waktu upload, mengurangi bobot halaman tanpa memerlukan usaha manual dari editor konten.

Log aktivitas admin — jejak audit perubahan konten (siapa mengubah apa, kapan) akan menambah akuntabilitas untuk tim dengan lebih dari satu editor, dan layak dibangun sejak awal pada proyek-proyek mendatang.