> ## Documentation Index
> Fetch the complete documentation index at: https://wlumsa.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Architecture

> High-level system view and data flow

This page describes how the major services interact. It does not include infrastructure credentials or internal access details.

## System overview

```mermaid theme={null}
flowchart LR
  Users[Students and visitors] --> Web[Next.js app (wlumsa.org)]
  Admins[Admins and content editors] --> CMS[Payload CMS admin]
  Web --> CMS
  CMS --> DB[Supabase Postgres]
  CMS --> Storage[Supabase S3 storage]
  Web --> Email[Resend]
  Web --> Payments[Stripe (optional)]
  Web --> Analytics[PostHog or GA (optional)]
```

## Request and data flow

```mermaid theme={null}
sequenceDiagram
  participant Browser
  participant NextApp as Next.js app
  participant Payload as Payload API
  participant DB as Postgres
  Browser->>NextApp: Request page
  NextApp->>Payload: Fetch content and data
  Payload->>DB: Query data
  DB-->>Payload: Results
  Payload-->>NextApp: Content payload
  NextApp-->>Browser: Rendered page
```

## Content workflow

```mermaid theme={null}
flowchart LR
  Editor[Content editor] --> AdminUI[Payload admin]
  AdminUI --> DB[Postgres]
  AdminUI --> Storage[Media storage]
  Web[Next.js app] --> PayloadAPI[Payload API]
  PayloadAPI --> DB
  PayloadAPI --> Storage
  Web --> Users[Site visitors]
```