Kembali ke Portofolio
Portofolio Proyek
Car Rental DashboardPass

Website Rental Mobil Pintar & Sistem Dashboard Admin Supabase

Pass
2026
Next.js 15
Supabase DB
Supabase Auth
Tailwind CSS
Recharts
PostgreSQL

Sistem operasional rental mobil all-in-one berbasis Next.js 15 dan Supabase PostgreSQL dengan manajemen keuangan per unit, bagi hasil mitra, dan dynamic pricing.

Deskripsi Proyek & Latar Belakang

Proyek ini dibangun untuk menjawab kebutuhan pemilik usaha rental mobil dalam mendigitalisasi operasional harian mereka. Masalah utama yang sering dihadapi adalah pembukuan kas yang bercampur aduk, kesulitan menghitung bagi hasil unit titipan mitra (konsinyasi), serta repotnya melakukan perubahan harga secara manual pada masa libur nasional.

Sebagai solusinya, dikembangkan Sistem Rental Mobil Pintar berbasis cloud yang menggabungkan halaman katalog publik dengan dashboard administrasi multi-modul yang andal, aman, dan berkinerja tinggi.

---

Fitur Utama & Modul Sistem (Fungsionalitas Penuh)

#### 1. Dashboard Utama & Business Intelligence (Analytics)

  • Grafik interaktif arus kas bulanan/mingguan (Omzet vs Pengeluaran) menggunakan Recharts.
  • Insight performa armada per plat nomor untuk menganalisis unit mana yang paling menguntungkan (Top 10 Revenue Generating Units).
  • Kartu indikator cepat: total omzet, pengeluaran, laba bersih, unit siap jalan, unit disewa, dan unit di bengkel.

#### 2. Manajemen Inventaris Dua Tingkat (Setup Mobil)

  • Level Model: Mengatur profil mobil, foto, spesifikasi (mesin, BBM, kapasitas), dan tarif sewa dasar.
  • Level Unit Fisik (Plat Nomor): Setiap model mobil dapat memiliki beberapa unit fisik dengan plat nomor berbeda, status ketersediaan individu, dan jenis kepemilikan.
  • Sistem Konsinyasi Mitra: Mengonfigurasi bagi hasil mitra per unit mobil (Net Profit Share, Gross Revenue Share, atau Flat Lease bulanan) beserta nomor kontak mitra untuk mempermudah transfer report.

#### 3. Modul Buku Kas Digital & Keuangan

  • Pencatatan pemasukan sewa dan pengeluaran operasional (seperti service, bensin, oli, cuci, dll.) secara detail.
  • Filter kas berdasarkan periode tanggal, jenis transaksi, dan nomor plat mobil.
  • Laporan arus kas siap ekspor untuk transparansi keuangan kepada investor atau mitra armada.

#### 4. Dynamic Pricing Engine (Penyesuaian Tarif Otomatis)

  • Memungkinkan admin menyetel jadwal kenaikan harga (persentase atau nominal flat) pada rentang tanggal tertentu (misal: Libur Lebaran, Natal, Tahun Baru).
  • Sistem otomatis menyesuaikan harga sewa yang tampil di website utama pelanggan secara real-time berdasarkan tanggal hari ini.

#### 5. Optimasi SEO Global & Script Integration

  • Pengaturan meta tag SEO halaman utama, sitemap, dan kata kunci langsung dari panel admin.
  • Integrasi kode analitik pihak ketiga (Google Analytics, Facebook Pixel, Google Tag Manager) melalui form input script dinamis yang aman.

---

Tinjauan Teknis (Architecture & Security)

  • Next.js 15 (App Router): Menggunakan fitur Server Actions untuk penanganan form submit secara cepat, Server-Side Rendering (SSR) untuk SEO halaman katalog publik, serta dynamic routes.
  • Supabase PostgreSQL & SSR Auth: Mengintegrasikan autentikasi sesi aman menggunakan `@supabase/ssr` berbasis cookie dan Row Level Security (RLS) di PostgreSQL.
  • Keamanan Data (Database Policies): Seluruh data sensitif diproteksi dengan aturan RLS, di mana pengguna publik hanya memiliki izin baca (`SELECT`), sedangkan operasi `INSERT`, `UPDATE`, dan `DELETE` sepenuhnya dibatasi untuk pengguna admin terotentikasi (`authenticated`).
  • Antarmuka Data Canggih: Menggunakan TanStack React Table untuk grid data dengan fungsi sortasi, paginasi, dan filtering yang cepat di sisi klien.