Laundry Management App (Next.js + Supabase)

Aplikasi kasir & manajemen laundry berbasis Next.js dan Supabase. Mendukung:

• Autentikasi staf menggunakan Supabase Auth
• Manajemen pelanggan (customers)
• Master layanan laundry dengan harga per unit (services)
• Order laundry dengan beberapa item (orders, order_items)
• Pencatatan pembayaran (payments)
• Dashboard harian (jumlah order, status proses, pendapatan hari ini)

Struktur utama backend (database) didefinisikan di file supabase-schema.sql.

1. Prasyarat

• Node.js LTS terinstal
• Akun Supabase dan satu project aktif

2. Setup Supabase

1. Buka dashboard Supabase project Anda.
2. Masuk ke menu SQL kemudian jalankan seluruh isi file:
   • supabase-schema.sql
3. Pastikan tabel berikut muncul:
   • customers, services, orders, order_items, payments
4. Di menu Auth → Users, buat akun staf (email + password) yang akan digunakan untuk login ke aplikasi.

3. Konfigurasi Environment

Buat file .env.local di root project dengan isi:

NEXT_PUBLIC_SUPABASE_URL=https://YOUR-PROJECT.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=YOUR_PUBLIC_ANON_KEY

Nilai URL dan ANON_KEY bisa Anda salin dari:

• Supabase dashboard → Project Settings → API.

4. Install Dependensi

npm install

Jika sebelumnya create-next-app gagal menyelesaikan npm install karena koneksi, jalankan perintah ini untuk memastikan semua paket terpasang.

5. Menjalankan Aplikasi

npm run dev

Lalu buka http://localhost:3000 di browser.

• Halaman utama (/) menampilkan intro dan tombol ke halaman login.
• Halaman login (/login) menggunakan Supabase Auth (email + password).
• Halaman dashboard (/dashboard) menampilkan ringkasan harian dan order terbaru.
• Halaman daftar order (/orders) untuk melihat dan memfilter order.
• Halaman order baru (/orders/new) untuk membuat order baru beserta pelanggan dan item layanan.

6. Alur Kerja Singkat

• Login menggunakan akun yang dibuat di Supabase Auth.
• Buat layanan di tabel services (via Supabase SQL editor atau table editor).
• Input order baru melalui /orders/new:
  • Pilih pelanggan yang sudah ada atau buat pelanggan baru.
  • Tambah satu atau beberapa layanan dengan kuantitas dan harga.
  • Simpan order, otomatis membuat orders dan order_items.
• Pantau:
  • Ringkasan di /dashboard.
  • Detail dan daftar lengkap di /orders.

7. Produksi / Deploy

Anda bisa deploy ke platform seperti Vercel:

1. Push repo ke GitHub/GitLab.
2. Hubungkan ke Vercel dan set environment variable:
   • NEXT_PUBLIC_SUPABASE_URL
   • NEXT_PUBLIC_SUPABASE_ANON_KEY
3. Pastikan schema database di Supabase production sama dengan supabase-schema.sql.