Tantangan

PDAM Tirta Tarum belum memiliki kehadiran digital yang sebanding dengan skala operasinya — lebih dari 100.000 sambungan pelanggan aktif, 20 kantor cabang, dan lebih dari 45 tahun melayani publik di salah satu kabupaten industri terbesar di Jawa Barat. Warga tidak memiliki satu kanal terpadu untuk mengakses laporan kualitas air, informasi tarif, audit keuangan, atau formulir layanan mandiri. Kewajiban keterbukaan informasi publik menuntut tersedianya data KPI, laporan keuangan, dan dokumen pengadaan yang mudah diakses. Tanpa CMS yang proper, setiap pembaruan konten mengharuskan perubahan langsung di kode, menciptakan hambatan operasional bagi tim komunikasi.

Batasan & Skala

Sebagai developer tunggal yang mengerjakan situs institusi pemerintah daerah, saya bekerja dalam scope yang ketat tanpa ruang untuk penambahan fitur di luar kesepakatan awal. Situs harus bisa di-deploy dan dipelihara tanpa tim DevOps dari sisi klien. Performa menjadi prioritas — mayoritas pengguna mengakses dari perangkat mobile dengan koneksi yang bervariasi. Dukungan bilingual harus diimplementasikan tanpa layanan terjemahan pihak ketiga agar stack tetap ramping. CMS yang dibangun harus cukup sederhana agar staf non-teknis PDAM bisa mengoperasikannya mandiri setelah serah terima.

Arsitektur Sistem

Frontend dibangun sepenuhnya dengan Next.js menggunakan App Router, dengan TypeScript diterapkan konsisten di seluruh komponen halaman, API routes, dan model data CMS. Tailwind CSS menangani seluruh styling dengan design system kustom mengikuti identitas visual klien. Konten dinamis — berita, pengumuman, dan dokumen informasi publik — disimpan di PostgreSQL dan disajikan melalui Next.js API routes yang berfungsi sebagai layer headless CMS ringan. Halaman statis seperti profil perusahaan, linimasa sejarah, dan tabel tarif di-generate secara statis saat build untuk performa optimal. Halaman berita menggunakan Incremental Static Regeneration (ISR) untuk menyeimbangkan kebaruan konten dan kecepatan. Deployment berjalan di balik Cloudflare untuk CDN, proteksi DDoS, dan manajemen DNS. Dukungan bilingual dikelola melalui routing internasionalisasi Next.js dengan pengambilan konten berbasis locale dari database.

Tradeoff Teknis

Saya memilih membangun CMS sendiri dibandingkan menggunakan solusi SaaS seperti Sanity atau Contentful untuk menghindari biaya langganan berkelanjutan bagi klien BUMD dengan anggaran operasional tetap. Ini memerlukan waktu build lebih panjang, namun menghasilkan sistem yang sepenuhnya dimiliki klien tanpa ketergantungan vendor. ISR dipilih daripada full SSR untuk halaman berita guna meminimalkan beban server saat lonjakan traffic — misalnya saat pengumuman penting — dengan trade-off jeda revalidasi singkat. Sistem bilingual menggunakan field konten per locale di level database, memberi editor kendali penuh namun mengharuskan kedisiplinan input konten di dua bahasa.

Hasil & Dampak

Portal siap produksi dengan 15+ route halaman dalam 2 bahasa berhasil diluncurkan, dengan custom CMS mengelola 21+ artikel sejak awal. KPI kinerja pelayanan — cakupan wilayah 78%, kepuasan pelanggan 85%, operasi distribusi 20 jam per hari — kini dapat diakses publik untuk pertama kalinya dalam satu platform terpadu. Performa halaman mencapai skor Lighthouse di atas 90 pada mobile. Enam kanal layanan pelanggan (sambungan baru, pembayaran tagihan, pengaduan, layanan komersial, cek tagihan online, call center 24 jam) terkonsolidasi dalam satu titik digital untuk warga Karawang.

Detail Proyek

Portal Web PDAM Tirta Tarum Karawang

2026

Portal web bilingual berbasis Next.js dengan custom CMS untuk PDAM Tirta Tarum Karawang, melayani 100.000+ pelanggan aktif di Jawa Barat.

Portal Web PDAM Tirta Tarum Karawang screenshot

Teknologi

Fitur Utama

01Kelola berita dan pengumuman melalui custom headless CMS yang intuitif
02Aktifkan toggle bilingual Bahasa Indonesia dan Inggris di seluruh halaman
03Tampilkan dashboard KPI kinerja pelayanan secara publik dan real-time
04Publikasikan laporan keuangan audit dan dokumen regulasi per tahun buku
05Sajikan profil perusahaan lengkap: linimasa sejarah, direksi, struktur organisasi, dan tarif
06Daftarkan sambungan air baru secara online tanpa harus datang ke kantor
07Laporkan gangguan layanan melalui integrasi WhatsApp Business terintegrasi
08Telusuri berita berkategori dengan paginasi di 6 topik konten

Detail Proyek

PDAM Tirta Tarum Karawang adalah Badan Usaha Milik Daerah (BUMD) yang bertanggung jawab atas penyediaan air bersih di Kabupaten Karawang, Jawa Barat — aktif melayani masyarakat sejak tahun 1978. Sebagai perusahaan publik dengan puluhan ribu pelanggan aktif dan kewajiban keterbukaan informasi, PDAM membutuhkan kehadiran digital yang jauh lebih modern dari yang dimiliki sebelumnya. Saya membangun seluruh portal ini secara mandiri melalui Aksara Karya Digital, menggunakan Next.js sebagai fondasi utama ditambah custom CMS yang dibangun sendiri untuk mengelola berita dan pengumuman. Fitur toggle bilingual Bahasa Indonesia dan Inggris diterapkan di seluruh halaman, menjangkau baik warga lokal maupun pemangku kepentingan industri di kawasan Karawang. Struktur portal berpusat pada dua pilar: informasi publik dan layanan pelanggan. Bagian informasi publik mencakup laporan keuangan, data kinerja pelayanan (cakupan layanan 78%, kepuasan pelanggan 85%), kualitas air, pengadaan barang/jasa, dan regulasi. Bagian layanan menuntun warga untuk mendaftar sambungan baru, mengecek tagihan, melaporkan gangguan, dan mengakses layanan komersial. Profil perusahaan dikemas secara mendalam, mulai dari linimasa sejarah 1978–2024, profil direksi dan dewan pengawas, struktur organisasi, kapasitas produksi, hingga struktur tarif — semua dikelola langsung melalui CMS tanpa perlu menyentuh kode. Integrasi WhatsApp Business dan Instagram memperkuat jalur komunikasi multi-channel untuk warga Karawang.

#government#nextjs#cms#bilingual#public-sector

Lihat portal langsung atau hubungi kami untuk mendiskusikan proyek web pemerintah atau institusi berikutnya.

Next Step

Transformasi Digital Bisnis Anda

Website & aplikasi profesional untuk meningkatkan leads dan penjualan. Kami urus semuanya.

Konsultasi Sekarang

Proyek Lainnya6 proyek

Lihat Studi Kasus

SESPIM LEMDIKLAT POLRI – Pemulihan Keamanan Website

2026

Pembersihan malware menyeluruh dan hardening keamanan untuk website WordPress resmi Sekolah Staf dan Pimpinan Lemdiklat Polri.

Live Demo Lihat Studi Kasus

Lihat Studi Kasus

2025–2026

Live Demo Lihat Studi Kasus

Lihat Studi Kasus

AMS Mobil Karawang

2025

Modernisasi operasional showroom dengan website pelanggan, manajemen stok kendaraan, dan sistem admin back-office terintegrasi untuk efisiensi penjualan.

Live Demo Lihat Studi Kasus