Toko SasiranganPANDUAN PEMASANGAN
Kembali ke Website
Supabase + Cloudflare Pages

Mengaktifkan database dan dashboard admin

Kode website sudah selesai. Ikuti langkah berikut satu kali agar pesanan, stok, foto produk, dan dashboard admin bekerja secara online.

1. Buat proyek Supabase gratis

Buka Supabase, buat akun dan proyek baru. Simpan password database di tempat aman. Pilih wilayah yang dekat dengan Indonesia bila tersedia.

2. Jalankan skrip database

Di dashboard Supabase buka SQL Editor, buat query baru, salin seluruh isi database/schema.sql, lalu tekan Run.

Skrip ini membuat tabel, keamanan Row Level Security, checkout atomik, pengembalian stok saat pembatalan, storage foto, dan enam produk awal.

3. Buat akun admin

Buka Authentication → Users → Add user. Gunakan email tokosasiranganpelaihari@gmail.com, buat password kuat, dan tandai email sebagai sudah dikonfirmasi.

Kembali ke SQL Editor, jalankan isi file database/create-admin.sql.

4. Masukkan URL dan publishable key

Buka Project Settings → API. Salin Project URL dan Publishable/anon key, lalu buka file js/config.js dan ganti dua nilai bertanda PASTE_....

Jangan pernah menaruh secret key atau service-role key di file website. Website ini hanya memerlukan publishable/anon key.

5. Uji secara lokal

Gunakan server lokal, bukan hanya mengetuk file HTML:

python -m http.server 8080

Lalu buka http://localhost:8080. Buat pesanan percobaan, login ke /admin.html, cek pesanan, ubah status, dan coba pembatalan untuk memastikan stok kembali.

6. Terbitkan ke Cloudflare Pages

Buat proyek Pages memakai Direct Upload, lalu unggah seluruh isi folder website ini. File index.html harus berada di tingkat paling atas.

Setelah terbit, Anda memperoleh alamat seperti tokosasiranganpelaihari.pages.dev. Domain sendiri bisa dipasang kemudian.

Daftar pengujian sebelum menerima pembeli

  1. Pesanan masuk ke dashboard admin.
  2. Stok produk berkurang setelah checkout.
  3. Produk stok nol tidak bisa dimasukkan ke keranjang.
  4. Pembatalan pesanan mengembalikan stok.
  5. Nomor pesanan dapat dicek dengan nomor WhatsApp pembeli.
  6. Unggah foto dan tambah produk dari dashboard.
  7. Link WhatsApp, Instagram, dan Google Maps benar.