Tentang demo
Toko contoh, alur belanja sungguhan
Lumbung Kabut adalah merek UMKM fiktif. Situs ini dibuat sebagai proyek portofolio untuk menunjukkan aplikasi toko online full-stack: database, autentikasi, logika bisnis, dan dasbor admin.
Semua produk, harga, stok, pelanggan, dan pesanan adalah data contoh. Tidak ada barang yang dijual, tidak ada uang yang berpindah, dan tidak ada paket yang dikirim. Ilustrasi kemasan dibuat sendiri dalam format SVG.
Setiap pukul 00.00 WIB, data demo dikembalikan ke keadaan awal: pesanan baru, akun yang didaftarkan pengunjung, dan gambar unggahan dihapus otomatis.
Yang bisa dicoba
- Katalog
- Kategori, pencarian, filter harga dan ketersediaan, urutan, halaman detail, harga Rupiah format Indonesia.
- Keranjang & checkout
- Keranjang tersimpan di cookie, ongkir tetap per zona (4 zona, 38 provinsi), pembayaran simulasi, stok berkurang saat pesanan dibuat.
- Akun pelanggan
- Daftar, masuk, riwayat pesanan, linimasa status, pembatalan pesanan yang belum dibayar.
- Dasbor admin
- Grafik penjualan, kelola produk (termasuk unggah gambar) dan kategori, ubah status pesanan, daftar pelanggan.
- Keamanan
- Kata sandi di-hash (scrypt), area admin dijaga di server, rate limit login, validasi Zod di setiap input, CSP dengan nonce.
- SEO
- Meta per produk, Open Graph, sitemap, data terstruktur Product, halaman 404 dan 500 khusus.
Teknologi
Next.js (App Router) dan TypeScript strict, Tailwind CSS, Drizzle ORM dengan SQLite, Better Auth, dan Zod. Diuji dengan Vitest dan Playwright, lalu dijalankan sebagai layanan systemd di belakang Caddy (HTTPS).