Studi kasus · 2026

Internet Bandung
internetbandung.com

Landing page ISP rumahan + admin CMS yang mengubah seluruh isi situs tanpa menyentuh kode — lengkap dengan form penangkap calon pelanggan dan dashboard analitik realtime.

PeranFull-stack & UI
JenisLanding + CMS
StatusLive & produksi
Tahun2026
internetbandung.com
Halaman depan — hero banner + widget cek coverage
Halaman depan — hero banner + widget cek coverage
Next.js 14App Router + TypeScript
100% editableCMS tanpa sentuh kode
RealtimeSupabase live sync
ResponsifDesktop → mobile
Overview

Satu situs, dikelola penuh oleh pemiliknya

internetbandung.com adalah situs penjualan internet rumah (reseller internet fiber di Bandung). Tantangannya: pemilik usaha harus bisa mengganti promo, paket, banner, dan kota coverage sendiri kapan saja — tanpa developer.

Solusinya: landing page cepat (Next.js) yang membaca seluruh kontennya dari database, dipasangkan dengan panel admin yang ramah. Setiap perubahan tayang seketika berkat Supabase Realtime, dan setiap calon pelanggan tertangkap rapi lewat form yang terhubung ke WhatsApp.

Fitur

Apa saja yang dibangun

Dari slider hero sampai analitik — semuanya terpasang dan berjalan di produksi.

Hero slider editable

Beberapa gambar banner (maks 7) dengan nomor urutan sendiri, berpindah otomatis. Semua diatur dari admin — tanpa sentuh kode.

CMS penuh

Seluruh isi landing bisa diubah dari dashboard: hero, paket & harga, benefit, langkah, coverage, testimoni, footer, hingga penghargaan.

Form pendaftaran + Leads

Pop-up cek coverage mengumpulkan data calon pelanggan ke database, tampil rapi di panel “Pendaftar”, lalu lanjut ke WhatsApp.

Dashboard analitik

Angka kunjungan & klik WhatsApp nyata, dengan kalender rentang tanggal untuk menarik data historis dan grafik tren harian.

Realtime sync

Klik Publish di admin → halaman depan ikut berubah seketika tanpa refresh, lewat Supabase Realtime.

SEO & structured data

Judul & deskripsi SEO editable, Open Graph, sitemap, robots, dan JSON-LD LocalBusiness untuk ISP lokal.

Tracking konversi

Setiap tombol WhatsApp terlacak sebagai event di Google Analytics 4 & Meta Pixel — siap untuk optimasi iklan.

Upload gambar

Unggah banner, logo, & logo penghargaan langsung dari admin ke Supabase Storage — cukup pilih file.

Responsif penuh

Tata letak menyesuaikan mulus dari desktop lebar, tablet, hingga layar HP — termasuk gambar hero khusus mobile.

Paket multi-durasi

Kartu paket dengan harga 1 / 6 / 12 bulan yang bisa ditukar instan, badge “paling populer”, dan catatan PPN.

Funnel WhatsApp

Semua CTA mengarah ke WhatsApp dengan pesan terstruktur otomatis (nama, paket, kota) — mempercepat closing.

Aman by default

Row Level Security Supabase: publik hanya membaca konten & mengirim form; hanya admin login yang bisa mengubah.

Teknologi

Dibangun dengan

Stack modern, serverless, dan hemat biaya — cocok untuk UMKM.

Next.js 14ReactTypeScriptSupabasePostgreSQLVercelGoogle Analytics 4Meta PixelCSS (tanpa framework)
Highlights

Nilai yang dihasilkan

1

Hemat developer. Pemilik usaha update promo, harga & banner sendiri — nol ketergantungan.

2

Lebih banyak lead. Form terstruktur + funnel WhatsApp mempermudah calon pelanggan menghubungi.

3

Keputusan berbasis data. Dashboard menunjukkan kunjungan & klik nyata per rentang tanggal.

4

Siap ditemukan. SEO editable, sitemap, structured data, & Open Graph untuk pencarian lokal.

Lihat langsung versi live-nya

Semua yang ada di halaman ini berjalan nyata di produksi — dibangun, dirancang, dan di-deploy end-to-end.

Kunjungi internetbandung.com →