01 // MR/01PROOF // AUTO QRIS WEBHOOKFULL-STACK & CLOUD

KOMVORI DIGITAL

Digital Product Marketplace & Automated QRIS Payment Platform

INFRA SPEC:AWS EC2 · NGINX · PM2 · PRISMA · MYSQL
Next.js 16TypeScriptTailwind CSSPrismaMySQLQRISAWS EC2PM2Nginx
KOMVORI DIGITAL
PROJECT // MR/01
01 // CONTEXT

PROJECT BACKGROUND

Platform marketplace produk digital mandiri yang dirancang untuk melayani pembelian lisensi perangkat lunak, aset grafis, voucher digital, dan layanan daring secara instan.

02 // PROBLEM

THE CORE CHALLENGE

Marketplace produk digital konvensional seringkali memerlukan konfirmasi manual dari admin untuk pengiriman lisensi, menyebabkan waktu tunggu pelanggan menjadi lama dan rawan kesalahan pengiriman.

03 // APPROACH

ENGINEERING STRATEGY

Merancang arsitektur web modern full-stack menggunakan Next.js 16 App Router, verifikasi akun berbasis OTP via WhatsApp/Email, proteksi session dengan HTTP-only cookies, dan integrasi webhook callback gateway QRIS otomatis.

04 // SYSTEM TOPOLOGY

ARCHITECTURE SPECIFICATION

  • 01Frontend: Next.js 16 App Router with responsive Tailwind CSS catalog & shopping cart
  • 02Security: One-Time Password (OTP) verification with HTTP-only session cookies
  • 03Data Layer: MySQL database modeled with Prisma ORM for relational consistency
  • 04Cloud Runtime: AWS EC2 (Amazon Linux 2023) managed via PM2 and Nginx reverse proxy
[ARCHITECTURE TOPOLOGY // AUTOMATED QRIS & DIGITAL DISPATCH]AWS EC2 · NGINX · PRISMA
01. Client Web

Next.js 16 App Router catalog, instant cart, and WhatsApp OTP verification.

02. Payment Hub

QRIS Gateway dynamic QR generation & webhook callback listener.

03. Data Ledger

MySQL database with Prisma ORM relational state machine (Pending ➔ Delivered).

04. Cloud Host

AWS EC2 Amazon Linux 2023, PM2 supervisor & Nginx reverse proxy.

05 // KEY FEATURES

DELIVERED CAPABILITIES

  • Instant digital product catalog and multi-category filtering
  • Interactive cart state and automated voucher code discounts
  • Automated QRIS payment flow with webhook callback verification
  • State machine order status tracking (Pending, Paid, Delivered)
06 // CURRENT STATUS

PROJECT LIFECYCLE

Active production deployment at komvoridigital.store.

07 // REFLECTION

TECHNICAL TAKEAWAY

Membangun sistem pembayaran otomatis menuntut pemahaman mendalam tentang webhook idempotency, penanganan callback failure, dan proteksi integritas transaksi.