Q15 Β· System Architecture (Phased)

System Architecture

Arsitektur 5-lapis dengan tag fase: 🟒 P1 MVP Β· πŸ”΅ P2 Scale Β· 🟣 P3 Expansion

System Diagram

5-layer service architecture

graph TD
    subgraph "Client Layer"
        WEB["Web App
Next.js + React SSR
🟒 P1"] PWA["Mobile / PWA
πŸ”΅ P2"] NATIVE["Mobile Native iOS/Android
🟣 P3"] end subgraph "Edge" GW["API Gateway
Auth + Rate Limit
🟒 P1"] CDN["CDN + Public API
🟣 P3"] end subgraph "Application Services" AUTH["Auth + KYC
🟒 P1"] ATS["ATS / Curation
🟒 P1"] MATCH["Matching v1 rule-based
🟒 P1"] ML["Matching v2 ML-based
🟣 P3"] CTR["Contract + Escrow
🟒 P1"] COMM["Communication
🟒 P1"] POD["Managed Pod Service
πŸ”΅ P2"] REF["Referral Program
πŸ”΅ P2"] end subgraph "Data Layer" PG[("PostgreSQL
🟒 P1")] REDIS[("Redis Cache + Queue
🟒 P1")] S3[("Object Storage
🟒 P1")] DW[("Data Warehouse
πŸ”΅ P2")] end subgraph "External Integrations" STRIPE["Stripe Connect MoR
🟒 P1"] DEEL["Deel Cross-border
πŸ”΅ P2"] EMAIL["Email + SMS
🟒 P1"] GH["Auto GitHub Scoring
🟣 P3"] end WEB --> GW PWA --> GW NATIVE --> CDN CDN --> GW GW --> AUTH GW --> ATS GW --> MATCH GW --> ML GW --> CTR GW --> COMM GW --> POD GW --> REF AUTH --> PG ATS --> PG ATS --> S3 ATS --> GH MATCH --> PG MATCH --> REDIS ML --> DW CTR --> PG CTR --> STRIPE CTR --> DEEL COMM --> REDIS COMM --> EMAIL POD --> PG REF --> PG classDef p1 fill:#d1fae5,stroke:#059669,color:#064e3b classDef p2 fill:#dbeafe,stroke:#2563eb,color:#1e3a8a classDef p3 fill:#f3e8ff,stroke:#7c3aed,color:#581c87 class WEB,GW,AUTH,ATS,MATCH,CTR,COMM,PG,REDIS,S3,STRIPE,EMAIL p1 class PWA,POD,REF,DW,DEEL p2 class NATIVE,CDN,ML,GH p3
Phase Legend

Komponen per fase

PhaseKomponen baru
🟒 P1 MVPWeb App, API Gateway, 5 core services (Auth/ATS/Match v1/Contract/Comm), PostgreSQL + Redis + S3, Stripe MoR, Email
πŸ”΅ P2 ScaleMobile PWA, Managed Pod, Referral, Data Warehouse, Deel
🟣 P3 ExpansionMobile native, CDN + Public API, ML Matching v2, Auto GitHub Scoring