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.
Tangkapan layar
Ringkasan
Apa yang dikerjakan sistem ini.
Mekar (Mitra Ekonomi Kreatif dan Usaha Rakyat) adalah platform digitalisasi BUMDes, BUMDesMa, dan KMP milik Pemkab Cilacap. Aplikasinya terdiri dari dua bagian: antarmuka Next.js 16 dengan React 19 yang melayani pengunjung dan dasbor pengurus, serta API Laravel 12 terpisah yang memegang seluruh data dan aturan bisnis. Keduanya berkomunikasi lewat REST dengan token Sanctum, sementara berkas diunggah langsung ke object storage memakai presigned URL S3.
Antarmuka publiknya berupa direktori berjenjang: pengunjung menelusuri badan usaha, membuka profil satu BUMDes, lalu menjelajah unit usaha dan produknya. Katalog produk bisa ditelusuri lintas badan usaha dan dilengkapi ulasan pembeli. Pengurus baru mendaftar mandiri lewat alur onboarding pembuatan badan usaha, lalu memperoleh akses dasbor sesuai peran dan hak aksesnya.
Dasbor pengurus menangani badan usaha dan unit usaha, pengurus, pegawai, mitra usaha, produk beserta kategori dan ulasannya, keranjang, pesanan, pembayaran, pengembalian dana, dan metode pengiriman. Pencatatan keuangan mencakup kategori dan transaksi kas, saldo berjalan, bagan akun, aset, persediaan masuk dan keluar, serta bagi hasil. Pelaporan mencakup laporan bulanan yang dirakit lewat pekerjaan latar belakang, laporan pertanggungjawaban (LPJ), dan program kerja. Data referensi seperti jabatan pengurus, jabatan pegawai, status kepegawaian, status badan hukum, jenis unit, dan jenis produk dikelola terpusat, sedangkan data wilayah diambil dari layanan wilayah eksternal. Notifikasi, jejak audit, dan log audit per badan usaha mencatat setiap perubahan.
Daftar fitur
Rincian kemampuan
30 kemampuan yang diverifikasi langsung terhadap kode sumber proyek.
Portal publik
- Portal direktori publik BUMDes, BUMDesMa, dan KMP se-kabupaten
- Penelusuran berjenjang dari badan usaha ke unit usaha dan produk
- Katalog produk publik lintas badan usaha dengan halaman detail produk
- Ulasan produk dari pembeli
- Onboarding mandiri untuk mendaftarkan badan usaha baru
- Registrasi pengguna, login, penyegaran token, dan penggantian kata sandi
Badan usaha dan SDM
- Pengelolaan badan usaha dengan konfigurasi asosiasi dan kebijakan marketplace
- Pengelolaan unit usaha di dalam setiap badan usaha
- Pengurus beserta jabatan kepengurusan
- Pegawai beserta jabatan dan status kepegawaian
- Mitra usaha per badan usaha
Marketplace
- Produk, kategori produk, dan jenis produk
- Keranjang belanja dengan pemilihan item, total item terpilih, dan checkout
- Pesanan dengan rincian item, pembayaran, dan pengembalian dana
- Metode pengiriman yang bisa dikonfigurasi
Keuangan dan aset
- Persediaan masuk, persediaan keluar, dan kategori persediaan
- Kategori kas, transaksi kas, dan saldo berjalan
- Bagan akun dengan kategori akun
- Aset dan kategori aset
- Bagi hasil usaha antara pihak-pihak terkait
Pelaporan
- Laporan bulanan yang dirakit lewat pekerjaan latar belakang
- Laporan pertanggungjawaban (LPJ) dan program kerja setiap badan usaha
- Data referensi terpusat: jabatan, status kepegawaian, status badan hukum, dan jenis unit
- Data provinsi, kabupaten, kecamatan, dan desa dari layanan wilayah
Platform
- Notifikasi dengan penanda dibaca dan jumlah yang belum dibaca
- Jejak audit, log audit per badan usaha, dan jenis perubahan audit
- Peran, hak akses, dan pengelolaan pengguna
- Unggahan langsung ke object storage melalui presigned URL
- Endpoint health check dan pembersihan cache untuk kebutuhan operasional
- Dasbor Blade pendamping untuk operasional unit usaha di lingkungan pengembangan
Kapabilitas
Yang dirancang untuk ditangani.
Sorotan implementasi yang terdokumentasi di kode sumber proyek.
- Unit usaha
- BUMDes
- Asosiasi, badan usaha, dan unit
- Produk desa
- Marketplace
- Katalog, pesanan, dan pembayaran
- Pelaporan
- LPJ
- Buku kas, laporan bulanan, dan program kerja
Teknologi
Dibangun dengan 14 teknologi.
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- SWR
- React Hook Form
- Laravel 12
- Laravel Sanctum
- Spatie Permission
- Amazon S3
- MySQL
- Jest
- Playwright
- Docker
Pertanyaan umum
Yang biasanya ditanyakan.
Kenapa frontend Next.js dan API Laravel dipisah?
Karena direktori publik dan dasbor pengurus punya kebutuhan yang sangat berbeda. Sisi Next.js melayani pengunjung dengan cepat; API Laravel memegang seluruh aturan bisnis di satu tempat dan menjadi satu-satunya yang menyentuh basis data.
Bagaimana BUMDes masuk ke platform ini?
Lewat onboarding mandiri: pengurus mendaftar, membuat badan usahanya, lalu mendapat akses dasbor sesuai perannya. Tidak ada antrean entri data terpusat yang menjadi hambatan.
Laporan apa saja yang dihasilkan?
Buku kas dengan saldo berjalan, laporan bulanan yang dirakit pekerjaan latar belakang, laporan pertanggungjawaban (LPJ), program kerja, dan perhitungan bagi hasil — per badan usaha, dengan log audit yang mencatat perubahannya.
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
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.
Next.js 15 · React 19 · TypeScript · Laravel 13 · +12
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