specs / 007-Changes-MPC-Web

007 - MPC Member Web (Next.js)

  • Tanggal: 2026-08-07
  • Chat/topik: Port member app ke website Next.js di mpc-customer/mpc-web

Ringkasan perubahan

Greenfield member web: Next.js 16 App Router + Tailwind 4 + Framer Motion. Hit API yang sama dengan mpc-android via BFF proxy /api/proxy ke mpc-be /api/v1. Fitur/API 1:1, navigasi web-native (hero banner, book split-panel, master–detail catalog/history). Dummy ↔ API toggle di Profile Developer. Deploy ke mpc-web-cs.glenrh.com. Hero Unsplash URL yang 404 diganti ke aset valid.

Impact bisnis

Member bisa book & manage club experience dari browser (desktop + mobile) tanpa install app. UX disesuaikan untuk web (lebih sedikit hop halaman) sambil mempertahankan kemampuan booking, membership, community, dan payment flow.

Epic / User stories

  • Epic: Member web experience
  • US: Sebagai member, saya ingin book court dari website dengan jadwal dan court terlihat bersamaan, agar proses booking lebih cepat.
  • US: Sebagai member, saya ingin login/register dan melihat history booking di browser, agar tidak tergantung app mobile saja.

User terdampak

Member / guest (browse), admin ops (tidak berubah — tetap mpc-admin).

Aplikasi terdampak

  • mpc-web — PERLU (baru)
  • mpc-android / iOS — TIDAK (sumber referensi saja)
  • mpc-be — TIDAK (dipakai via proxy; CORS tidak wajib)
  • mpc-admin / POS — TIDAK

Perubahan schema

Tidak ada.

Perubahan kode

  • mpc-customer/mpc-web/ — scaffold Next.js, BFF auth/session/proxy, stores (session/checkout/theme), dummy fixtures, pages: home, book canvas, payment, history, catalog, membership, match, auth, profile/developer.
  • mpc-customer/mpc-web/next.config.ts — output: "standalone" untuk deploy.
  • deploy-mpc.sh — build/rsync member web ke /opt/mpc-web-cs, systemd mpc-web-cs (port 3889), NPM host mpc-web-cs.glenrh.com. Flag: ONLY_MEMBER_WEB=1, SKIP_MEMBER_WEB=1.
  • mpc-dev/docs/specs/007-Changes-MPC-Web.md — spec sesi ini.