New season — Spring/Summer drop now live

Quick Demo — 30 วินาที ไม่ต้อง install

วิธีลองเร็วที่สุด — เปิด browser แล้วใช้เลย

⚡ ใช้ Live Demo (เร็วที่สุด)

ไม่ต้อง install อะไรเลย:

Audience URL ใช้ทำอะไร
🌐 ลูกค้า (เว็บ) https://ecommerce.modelvault.cloud ช็อปสินค้า, สั่งซื้อ
📱 ลูกค้า (มือถือ) https://ecommerce-mobile.modelvault.cloud UI native-feel ผ่าน browser
🏪 ผู้ขาย (admin) https://ecommerce.modelvault.cloud/store/login Dashboard, จัดการสินค้า, ตรวจสลิป

บัญชีทดสอบบน demo

ลูกค้า:

  • Email: customer@demo.local
  • Password: Cust@1234

ผู้ขาย (admin):

  • Email: owner@demo.local
  • Password: Owner@1234

ลองทำ flow A (Happy Path):

  1. Login บัญชี customer → เลือกสินค้า → cart → checkout
  2. (incognito window อีก) Login owner → /store/orders → ยืนยันคำสั่งซื้อ
  3. กลับ window แรก → เห็นสถานะเปลี่ยน

ดูรายละเอียดทั้ง 8 flow → 04 — Test Flows


📱 ทดสอบบนมือถือ

มี 2 ทาง:

ทาง A — Mobile Web Preview (ง่ายสุด)

เปิด https://ecommerce-mobile.modelvault.cloud บนมือถือ

  • เปิดได้ทั้ง iOS Safari + Android Chrome
  • UI เหมือนแอป (React Native + react-native-web)
  • ไม่ต้องโหลด Expo Go
  • Login บัญชีเดียวกับเว็บ → cart / wishlist sync

ทาง B — Real Native App (ผ่าน Expo Go)

ต้องโหลด Expo Go จาก App Store / Play Store ก่อน ติดต่อทีม support ขอ QR code สำหรับ scan เปิด preview

(หรือ install source code เอง — ดู /docs/owner/mobile-app)


🖥️ รันบนเครื่องตัวเอง (ตัวเลือก)

ถ้าอยาก install local เพื่อเล่นแบบเต็ม:

สิ่งที่ต้องเตรียม

  • Node.js 20+
  • Docker Desktop
  • 10 นาที

Step 1 — Clone

git clone <api-repo> api
git clone <web-repo> web
git clone <monorepo> monorepo

Step 2 — start db

cd monorepo
cp .env.example .env
docker compose up -d postgres redis

Step 3 — รัน API

cd ../api
cp .env.example .env
npm install
npx prisma migrate dev --name init
npx prisma db seed
npm run start:dev

http://localhost:3000/docs (Swagger)

Step 4 — รันเว็บ

cd ../web
cp .env.example .env
npm install --legacy-peer-deps
npm run dev

http://localhost:3001

ใช้บัญชี seed:

  • customer@demo.local / Cust@1234
  • owner@demo.local / Owner@1234

ปัญหาเจอบ่อย

npm install ใน web error เรื่อง peer deps

npm install --legacy-peer-deps

Port ถูกใช้

แก้ใน .env:

API_PORT=4000
WEB_PORT=4001

Docker postgres unhealthy

docker compose down -v
docker compose up -d postgres redis

ขั้นต่อไป

Join the club

ของเด็ดส่งตรง
ถึงอินบ็อกซ์

สมัครรับข่าวสาร — รับส่วนลด 10% สำหรับสมาชิกใหม่ + อัปเดตคอลเลกชันก่อนใคร