Web Builder — SaaS Website Desa
Platform SaaS multi-tenant untuk website desa: editor visual GrapesJS, domain kustom dengan TLS on demand, impor WordPress, analisis SEO, dan integrasi data SmartGovt.
Tangkapan layar
Ringkasan
Apa yang dikerjakan sistem ini.
Web Builder adalah platform SaaS untuk membuat dan mengelola website desa. Frontend Next.js 15 dengan React 19 merender situs tiap desa sesuai host yang diminta, sementara backend Laravel 13 menangani tenant, pengguna, konten, media, pengaturan, dan integrasi. Desa mendaftar lewat halaman publik, lalu pekerjaan provisioning menyiapkan tenant beserta halaman awalnya.
Tata letak situs disunting lewat editor visual GrapesJS dengan varian layout komponen untuk header, hero, dan footer, sedangkan artikel memakai editor Tiptap. Operator desa mengelola halaman kustom, berita, media, identitas desa, dan pengaduan warga. Riwayat perubahan halaman dan konten disimpan sehingga versi terdahulu bisa ditinjau. Konten WordPress yang sudah ada bisa diimpor, dan penganalisis SEO bawaan menilai kualitas tulisan sebelum diterbitkan.
Domain kustom didukung penuh: satu pekerjaan khusus memverifikasi host, memetakannya ke tenant, dan sertifikat diterbitkan on demand lewat endpoint yang dipanggil Caddy. Data pemerintahan, wilayah, statistik, dan layanan desa diambil dari SmartGovt melalui klien dan proxy tersendiri. Pengelola platform punya panel terpisah untuk tenant, pendaftaran, wilayah, impersonasi, log aktivitas, dan audit. Perubahan konten memicu revalidasi halaman statis Next.js sehingga situs tetap cepat tanpa render ulang menyeluruh.
Daftar fitur
Rincian kemampuan
24 kemampuan yang diverifikasi langsung terhadap kode sumber proyek.
- Website per desa dengan slug, subdomain, dan identitasnya masing-masing
- Pendaftaran desa, onboarding, dan pengelolaan tenant
- Provisioning tenant otomatis dengan pembuatan halaman awal
- Editor halaman visual GrapesJS
- Varian layout komponen untuk header, hero, dan footer
- Penyimpanan layout komponen per tenant dan pratinjau halaman
- Pengelolaan halaman kustom dan pembuatan halaman massal
- Riwayat versi halaman dan konten per tenant
- Identitas desa, logo, dan pengaturan tampilan situs
- Berita dan artikel dengan editor Tiptap serta komentar pembaca
- Pustaka media untuk gambar dan dokumen
- Impor konten dari WordPress
- Penganalisis SEO bawaan untuk menilai kualitas konten
- Formulir pengaduan publik dan pengelolaan pengaduan oleh admin desa
- Pencarian konten di website publik
- Pengalihan dari URL lama ke halaman baru
- Pengaturan koneksi SmartGovt dan proxy data
- Integrasi data wilayah, profil pemerintahan, statistik, dan layanan desa
- Domain kustom dengan verifikasi dan pemetaan host ke tenant
- Penerbitan sertifikat TLS on demand lewat endpoint verifikasi host
- Revalidasi halaman statis Next.js setiap konten berubah
- Panel pengelolaan platform untuk tenant, pendaftaran, wilayah, dan impersonasi
- Pencatatan aktivitas frontend dan audit perubahan
- Otorisasi pengguna dan isolasi konten antarwebsite desa
Teknologi
Dibangun dengan 16 teknologi.
- Next.js 15
- React 19
- TypeScript
- Laravel 13
- PHP 8.3
- GrapesJS
- Tiptap
- Tailwind CSS 4
- Laravel Sanctum
- Spatie Permission
- Redis
- Zustand
- Zod
- Caddy
- Docker
- Playwright
Pertanyaan umum
Yang biasanya ditanyakan.
Apakah desa bisa memakai domainnya sendiri?
Bisa. Satu pekerjaan verifikasi memetakan host ke tenant, dan sertifikat TLS diterbitkan on demand lewat endpoint yang dipanggil Caddy, jadi domain kustom tidak memerlukan pekerjaan sertifikat manual.
Apakah profil desa harus diperbarui dua kali?
Tidak. Profil pemerintahan, data wilayah, statistik, dan layanan desa diambil dari SmartGovt melalui klien dan proxy tersendiri, jadi apa yang diketahui sistem administrasi itulah yang ditampilkan website.
Bagaimana dengan website WordPress yang sudah ada?
Kontennya bisa diimpor, dan pengalihan bisa dipasang dari URL lama ke halaman baru sehingga tautan yang sudah beredar tidak berakhir di halaman 404.
Satu bidang
Proyek serupa.
SmartGovt — Administrasi & Pelayanan Desa
Platform pemerintahan desa: data penduduk dan keluarga, layanan surat, GIS, statistik wilayah, administrasi RT/RW, portal warga, dan penilaian Desa Anti Korupsi.
Laravel 12 · PHP 8.2 · Blade · Alpine.js · +15
Mekar Cilacap — Portal & Marketplace BUMDes/KMP
Platform digitalisasi BUMDes Kabupaten Cilacap: frontend Next.js 16 dengan API Laravel terpisah untuk direktori badan usaha, marketplace produk, buku kas dan laporan bulanan, LPJ, program kerja, dan bagi hasil.
Next.js 16 · React 19 · TypeScript · Tailwind CSS 4 · +10
Bot OCR KK — Ekstraksi Data lewat Telegram
Bot Telegram yang mengekstrak foto Kartu Keluarga memakai Google Gemini, memvalidasi data dan referensi wilayah, lalu menyimpan hasilnya ke basis data SmartGov.
Node.js · Telegram Bot API · Google Gemini · MySQL · +3