{
  "id": "platform-architecture-page",
  "meta": {
    "title": "Olon Platform Architecture — Your stack, our orchestration via Vercel, Supabase, GitHub and Resend",
    "description": "How Olon orchestrates Vercel, Supabase, GitHub, and Resend into a single sovereign deployment pipeline. Your repo, your accounts, your data — always."
  },
  "slug": "platform/architecture",
  "sections": [
    {
      "id": "header",
      "data": {
        "title": "Your stack, our orchestration",
        "eyebrow": "Architecture",
        "breadcrumb": [
          {
            "href": "/platform/overview",
            "label": "Platform"
          },
          {
            "href": "/platform/architecture",
            "label": "Architecture"
          }
        ],
        "description": "How Olon orchestrates Vercel, Supabase, GitHub, and Resend into a single sovereign deployment pipeline."
      },
      "type": "page-header"
    },
    {
      "id": "editorial-deploy",
      "data": {
        "alt": true,
        "body": "Free tenants deploy to Vercel's edge on every git push. Paid tenants get hot save to Supabase — content changes propagate in milliseconds without a rebuild. Both modes share the same codebase and the same contract.",
        "label": "Two delivery modes",
        "title": "Free deploys.",
        "visualType": "terminal",
        "titleItalic": "Instant edits.",
        "visualLabel": "Deploy flow",
        "terminalLines": [
          {
            "id": "t1",
            "dim": true,
            "prefix": "#",
            "content": "Free tier — deploy orchestration"
          },
          {
            "id": "t2",
            "dim": false,
            "prefix": "$",
            "content": "git commit -m 'update hero'"
          },
          {
            "id": "t3",
            "accent": true,
            "content": "→ commit ✓  push ✓  build ✓  live ✓"
          },
          {
            "id": "t4",
            "dim": true,
            "prefix": "#",
            "content": ""
          },
          {
            "id": "t5",
            "dim": true,
            "prefix": "#",
            "content": "Full tier — hot save"
          },
          {
            "id": "t6",
            "dim": false,
            "prefix": "$",
            "content": "Studio edit → save"
          },
          {
            "id": "t7",
            "accent": true,
            "content": "→ Supabase ✓  live in <100ms"
          },
          {
            "id": "t8",
            "dim": true,
            "prefix": "#",
            "content": "No rebuild. No redeploy."
          }
        ]
      },
      "type": "editorial-split"
    },
    {
      "id": "stack",
      "data": {
        "cards": [
          {
            "id": "c1",
            "href": "https://vercel.com",
            "name": "Vercel",
            "role": "Deploy & CDN",
            "description": "100+ PoPs worldwide. Instant global deploys on every push. Preview URLs on every branch. Your account, your billing."
          },
          {
            "id": "c2",
            "href": "https://supabase.com",
            "name": "Supabase",
            "role": "Database & Auth",
            "description": "Postgres-backed hot save. Realtime-ready, RLS-protected, open source. Your Supabase project — direct DB access always."
          },
          {
            "id": "c3",
            "href": "https://github.com",
            "name": "GitHub",
            "role": "Source of Truth",
            "description": "Every content change is a signed commit. Full audit history. Fork it, clone it, migrate it. Your repo, not ours."
          },
          {
            "id": "c4",
            "href": "https://resend.com",
            "name": "Resend",
            "role": "Email & Notifications",
            "description": "Form submissions and platform events via Resend. One environment variable. Instant setup. Branded templates."
          }
        ],
        "title": "Best-in-class, every layer.",
        "eyebrow": "The four pillars",
        "description": "We do not run infrastructure. We orchestrate yours — on the platforms you already trust."
      },
      "type": "stack-grid"
    },
    {
      "id": "editorial-sovereignty",
      "data": {
        "body": "Olon never touches your production environment directly. Your Vercel deploy is independent of our platform. Your content is in your repo. If Olon disappears tomorrow, nothing changes for your users.",
        "label": "The sovereignty guarantee",
        "title": "We go down.",
        "reverse": true,
        "checkItems": [
          {
            "id": "ci1",
            "text": "Your Vercel project",
            "detail": "Your billing, your limits, your deploy settings."
          },
          {
            "id": "ci2",
            "text": "Your GitHub repo",
            "detail": "Clone, fork, or migrate at any time."
          },
          {
            "id": "ci3",
            "text": "Your Supabase instance",
            "detail": "Direct Postgres access. Open source. Self-hostable."
          },
          {
            "id": "ci4",
            "text": "Your custom domain",
            "detail": "We configure DNS. You control the registrar."
          },
          {
            "id": "ci5",
            "text": "Your content in git",
            "detail": "JSON files. No export needed. No migration cost."
          }
        ],
        "visualType": "checklist",
        "titleItalic": "Your site stays up.",
        "visualLabel": "What you own"
      },
      "type": "editorial-split"
    },
    {
      "id": "manifesto",
      "data": {
        "sub": "The machine contract is not a feature flag. Every OlonJS tenant serves a canonical JSON endpoint alongside the human UI — deterministic, typed, always in sync. AI agents, monitoring tools, and automation workflows operate on any tenant without custom integration.",
        "accent": "Always.",
        "eyebrow": "The OlonJS contract",
        "pillars": [
          {
            "id": "p1",
            "body": "Canonical endpoint on every page. Typed PageConfig with sections, meta, and slug. Deterministic structure across all tenants.",
            "badge": "Endpoint",
            "label": "/{slug}.json"
          },
          {
            "id": "p2",
            "body": "Every section type has a validated schema. Build-time and runtime validation. AI agents know the contract before generating content.",
            "badge": "Contract",
            "label": "Zod schemas"
          },
          {
            "id": "p3",
            "body": "Every content change is a signed commit. The git log is the audit trail — immutable, distributed, always available without Olon.",
            "badge": "Audit",
            "label": "Git history"
          }
        ],
        "statement": "Every page at /{slug}.json."
      },
      "type": "manifesto-row"
    },
    {
      "id": "cli",
      "data": {
        "note": "Connect your Vercel and GitHub accounts in the dashboard. Supabase needed for hot save (Full tier).",
        "label": "Bootstrap the stack",
        "command": "npx olonjs new tenant",
        "description": "Scaffolds a production-ready OlonJS tenant with TypeScript, Vite, Tailwind v4, and all four integrations wired in."
      },
      "type": "cli-spotlight"
    },
    {
      "id": "cta",
      "data": {
        "ctas": [
          {
            "id": "c1",
            "href": "https://calendar.google.com/calendar/appointments/schedules/AcZssZ31Q0slLqnoOjejjtM7M2l61B_fufpGqhVPhKj-_e7U_2ELxI3pbY93Tbx8SxL92ACpFeqisPV3",
            "label": "Book a Call",
            "variant": "primary",
            "external": "true"
          },
          {
            "id": "c2",
            "href": "/platform/advantages",
            "label": "View Advantages →",
            "variant": "secondary"
          }
        ],
        "title": "Your stack, our orchestration.",
        "description": "Start with the free deploy tier. Upgrade when you need instant content."
      },
      "type": "cta-banner"
    }
  ],
  "global-header": true
}