04. Arsitektur Sistem

graph TB
    subgraph Client Layer
        UI["Komponen React 19 / Tampilan UI"]
        ctx["Context Providers (Theme, i18n, TRPCProvider)"]
    end

    subgraph Server Layer (Next.js 15 App Router)
        RSC["React Server Components / Layout"]
        NextAuth["NextAuth.js (Sesi & JWT)"]
        tRPC["tRPC v11 Server Root Router"]
        
        subgraph Security & Middleware Guards
            RateLimit["Rate Limiter (Upstash / Memory)"]
            RBAC["RBAC Procedure Middleware"]
            Audit["Audit Logger Service"]
        end
        
        subgraph Adapters & Routers
            UserRouter["usersRouter"]
            RoleRouter["rolesRouter"]
            ThemeRouter["themeRouter"]
            StorageRouter["storageRouter"]
            PaymentRouter["paymentRouter"]
            AiRouter["integrationRouter"]
            SeoRouter["seoRouter"]
        end
    end

    subgraph Data & Storage Layer
        Prisma["Prisma ORM Client"]
        MySQL[("MySQL Database")]
        R2["Cloudflare R2 / Supabase / Cloudinary"]
    end

    UI --> ctx
    ctx -->|HTTP POST /api/trpc| tRPC
    tRPC --> RateLimit
    RateLimit --> RBAC
    RBAC --> Adapters
    Adapters --> Audit
    Adapters --> Prisma
    Prisma --> MySQL
    Adapters --> R2