Kembali ke Showcase
Live ProduksiTahun 2026

Qohira — E-Commerce Manual Payment

Toko online untuk client ritel sungguhan: verifikasi pembayaran manual, stok yang selalu update, dashboard admin. 16 produk, 6 pesanan, 5 user aktif.

Konteks & Latar Proyek:

Workflow verifikasi pesanan dan konfirmasi pembayaran otomatis e-commerce buat merapikan pencatatan admin toko.

Next.jstRPCPrismaPostgreSQLE-Commerce

Sekilas Deskripsi

Platform e-commerce full-stack untuk client ritel yang butuh toko online dengan alur pembayaran transfer bank. Masalahnya, konfirmasi pembayaran masih lewat chat WA, data pesanan berceceran, dan gak ada notifikasi otomatis. Solusinya, customer upload bukti transfer, admin verifikasi di dashboard, lalu email dan notifikasi web push keluar otomatis. Type-safe dari depan sampai belakang pakai tRPC + Prisma ORM.

Dampak & Manfaat Nyata

Dipakai client sungguhan — dashboard admin aktif buat kelola produk & pesanan
16 produk | 6 pesanan | 5 user terdaftar
Type-safe dari depan sampai belakang dengan tRPC + Prisma ORM
Metrik Live Database Produksi

Verifikasi integrasi sistem & data lapangan

Sistem ini terhubung langsung ke database aktif menggunakan API serverless. Klik tombol di kanan buat sinkronisasi data terbaru.

CONNECTED

Varian Produk

16

Pesanan Masuk

6

User Terdaftar

5

Qohira — E-Commerce Manual Payment screenshot
Preview Interaktif 3D

Putar produknya, ganti layar aplikasi

Panorama Interaktif 3D, putar & zoom dengan drag
Screenshot E-commerce
Layar

Tantangan di Lapangan

Client butuh toko online dengan alur pembayaran manual (transfer bank) dan verifikasi admin sebelum pesanan diproses

Gak ada satu tempat buat kelola produk & pesanan
Konfirmasi pembayaran lewat chat, rawan kelewat
Gak ada notifikasi otomatis ke pembeli & admin

Solusi yang Di-deploy

Platform e-commerce dengan alur verifikasi pembayaran manual: customer upload bukti transfer, admin konfirmasi lewat dashboard, notifikasi otomatis via email & web push

Kenapa Ini Signifikan:

Dipakai client sungguhan — dashboard admin aktif buat kelola produk & pesanan

Sebelum vs Sesudah

Bukti terkuat dari efisiensi sistem di lapangan: perbandingan data performa kerja sebelum dan sesudah sistem live.

Kelola produk & pesanan

Sebelum

Chat WA manual, data berceceran

Sesudah

Dashboard terpusat — produk, pesanan, stok

Verifikasi pembayaran

Sebelum

Cek rekening manual via WA

Sesudah

Customer upload bukti → admin verifikasi di dashboard

Notifikasi

Sebelum

Manual chat satu-satu ke buyer

Sesudah

Auto email + web push saat status berubah

Sekarang semua pesanan dan konfirmasi bayar masuk satu tempat, gak perlu cek WA terus.
P

Pemilik Toko

Client Qohira

Fitur & Poin Utama Sistem

16 Produk, 6 Pesanan

Data asli dari database produksi, dipakai client aktif

Alur Pembayaran Manual

Upload bukti transfer → admin verifikasi → pesanan dikonfirmasi otomatis

Notifikasi Push

Web push + email buat pesanan baru dan update status

Kelebihan & Dampak Berkelanjutan

Dipakai client sungguhan — dashboard admin aktif buat kelola produk & pesanan
16 produk | 6 pesanan | 5 user terdaftar
Type-safe dari depan sampai belakang dengan tRPC + Prisma ORM

Cakupan Fitur Bawaan

Product catalog dengan categories & filtering
Shopping cart dengan cek stok langsung
User authentication dengan NextAuth
Admin dashboard untuk product & order management
Order tracking system
Payment integration ready
Email notifications dengan Resend
Push notifications support
Image upload & optimization dengan Cloudinary
Responsive design untuk semua device
Bundle size optimization dengan analyzer

Tumpukan Teknologi (Tech Stack)

Frontend

Next.js 16React 19TypeScript 5.9Tailwind CSS

Backend & API

tRPCPrisma ORMPostgreSQL

Services & Integrations

CloudinaryResend EmailWeb PushNextAuth v4

Menghadapi Tantangan Operasional yang Serupa?

Langkah awal terbaik adalah memetakan bottleneck operasional Anda dan merumuskan scope proyek yang paling pragmatis. Hubungi kami untuk memulai.