Kedai Species (Scout E-Commerce)
Platform e-commerce komprehensif untuk peralatan pramuka dengan aplikasi mobile Flutter, backend Express.js & Supabase, dan panel admin Next.js.
Ikhtisar
Dikembangkan sebagai proyek andalan, Kedai Species memberikan pengalaman berbelanja perlengkapan pramuka yang mulus. Aplikasi ini mencakup aplikasi mobile Flutter untuk pengguna utama, backend tangguh menggunakan Express.js dan Supabase, serta dashboard admin web modern yang dibangun dengan Next.js dan shadcn/ui untuk manajemen operasional.
Tantangan
- 1
Mengintegrasikan aplikasi Flutter dengan backend Express.js dan manajemen data real-time menggunakan Supabase.
- 2
Merancang database untuk menangani alur e-commerce yang kompleks seperti keranjang belanja dan transaksi pesanan.
- 3
Membangun dashboard admin yang interaktif dan modern dengan Next.js menggunakan komponen shadcn/ui.
Arsitektur & Strategi
Sistem menggunakan Express.js terintegrasi Supabase sebagai penyedia REST API. Aplikasi mobile Flutter bertindak sebagai klien utama (frontend), sementara aplikasi Next.js (dengan shadcn/ui) menangani pengelolaan data internal sebagai web admin.
Hasil
Berhasil mendemonstrasikan end-to-end pemesanan barang secara real-time.
Pengembangan panel admin dipercepat dan terlihat profesional berkat Next.js dan shadcn/ui.
Aplikasi mobile terasa sangat ringan dan asli berkat Flutter.
Pelajaran yang Didapat
- Kombinasi arsitektur terpisah (mobile user app & web admin app) memudahkan manajemen proyek yang kompleks.
- Supabase sangat efisien ketika digabungkan dengan Express.js untuk kebutuhan autentikasi dan database real-time.
- Penggunaan shadcn/ui mempermudah membangun UI admin yang konsisten tanpa mengorbankan fleksibilitas kode.