Langsung ke konten utama
NHSNovizar Hadi Saputra
IDEN
Kembali ke semua studi kasus
03fajartoserba.web.id / harihariswalayan.web.id

Fajar Toserba & Harihari Swalayan

Platform Retail Omnichannel, POS, Kurir PWA & WhatsApp Gateway

Ekosistem perdagangan retail lengkap untuk supermarket dan minimarket yang melayani pelanggan, admin toko/gudang, serta kurir pengiriman dalam satu platform terintegrasi.

Peran
Full-Stack Systems Architect
Tahun
2026
Domain Produksi
fajartoserba.web.id / harihariswalayan.web.id
Kunjungi Aplikasi LiveDiskusikan Sistem Serupa

Konteks & Tantangan

Operasional ritel modern membutuhkan sinkronisasi stok toko, pencarian ribuan SKU secara instan, aplikasi kurir dengan pelacakan peta, serta notifikasi pesanan otomatis via WhatsApp.

Solusi & Keputusan Arsitektur

Membangun multi-domain frontend Next.js 16 (Customer, Admin, Driver PWA) dengan Leaflet & pemindai QR/barcode, ditopang backend Go Fiber v3 yang terhubung ke PostgreSQL, Typesense, Redis, MinIO, dan Whatsmeow.

Implementasi & Kapabilitas Kunci

  • Multi-subdomain terintegrasi: storefront pelanggan, panel admin, dan portal kurir driver PWA.
  • Modul backend lengkap: POS, Inventory, Procurement, Accounting, Petty Cash, Loyalty, Promotion, Returns, dan Ticketing.
  • Pencarian produk instan menggunakan Typesense dan notifikasi otomatis via WhatsApp (whatsmeow).
  • Pengujian end-to-end otomatis menggunakan Playwright untuk menjaga stabilitas alur belanja.

Alur Arsitektur Sistem

L1: Multi-Portal UI

Next.js 16 PWA (Customer, Admin & Driver Portals)

Menjalankan toko online, panel kasir/admin, dan mode kurir di perangkat mobile lengkap dengan scan barcode.

  • React 19
  • React Query
  • Zustand
  • Leaflet
  • html5-qrcode
L2: Subdomain Routing

Nginx Multi-Host Proxy

Mengarahkan trafik subdomain utama, admin, dan driver ke instance frontend dan API Go yang sesuai.

  • Nginx
  • Subdomain Routing
  • PM2
L3: Retail Engine

Go Fiber v3 Monolith (25+ Internal Domains)

Memproses keranjang, checkout, stok, akuntansi, loyalitas, dan pengiriman pesan WhatsApp transaksional.

  • pgx/v5
  • JWT
  • Whatsmeow
  • Barcode Generator
L4: Data & Search

PostgreSQL + Typesense + Redis + MinIO + SQLite

Menyimpan data transaksi, indeks pencarian SKU, cache sesi, media produk, dan state sesi WhatsApp.

  • PostgreSQL
  • Typesense
  • Redis
  • MinIO

Teknologi yang Digunakan

  • Next.js 16
  • PWA
  • Leaflet
  • Zustand
  • Go
  • Fiber v3
  • Typesense
  • PostgreSQL
  • Whatsmeow
  • Redis

Studi Kasus Berikutnya

04 / Rabbany Ecosystem

Baca Studi Kasus Lengkap