{
  "id": "platform-integrations-page",
  "meta": {
    "title": "Olon Platform Integrations — Vercel, Supabase, GitHub, and Resend in one command",
    "description": "Deep dive into Vercel, Supabase, GitHub, and Resend — the four sovereign pillars of the Olon stack. One command wires all four. No pipeline configuration, no vendor negotiation."
  },
  "slug": "platform/integrations",
  "sections": [
    {
      "id": "header",
      "data": {
        "title": "Four integrations. One command.",
        "eyebrow": "Integrations",
        "breadcrumb": [
          {
            "href": "/platform/overview",
            "label": "Platform"
          },
          {
            "href": "/platform/integrations",
            "label": "Integrations"
          }
        ],
        "description": "Deep dive into Vercel, Supabase, GitHub, and Resend — the four sovereign pillars of the Olon stack."
      },
      "type": "page-header"
    },
    {
      "id": "editorial-vercel",
      "data": {
        "alt": true,
        "body": "Every OlonJS tenant deploys to Vercel's global edge network. Olon automates the project setup, environment variables, and domain configuration. You own the Vercel account and billing — we just wire the pipeline.",
        "label": "Vercel",
        "title": "Deploy to the edge.",
        "bullets": [
          {
            "id": "v1",
            "text": "Instant global deploys on every git push"
          },
          {
            "id": "v2",
            "text": "Preview URLs on every branch — share with clients before going live"
          },
          {
            "id": "v3",
            "text": "Edge caching — sub-50ms response times worldwide for static assets"
          },
          {
            "id": "v4",
            "text": "Automatic SSL, DDoS mitigation, and cache invalidation"
          },
          {
            "id": "v5",
            "text": "Your account, your billing, your project settings — always"
          }
        ],
        "statItems": [
          {
            "id": "s1",
            "label": "Points of presence worldwide",
            "value": "100+"
          },
          {
            "id": "s2",
            "label": "Average edge response for static",
            "value": "<50ms"
          },
          {
            "id": "s3",
            "label": "Uptime SLA on Pro and Enterprise",
            "value": "99.9%"
          },
          {
            "id": "s4",
            "label": "Preview deployments per branch",
            "value": "∞"
          }
        ],
        "visualType": "stats",
        "titleItalic": "Instantly.",
        "visualLabel": "Vercel edge"
      },
      "type": "editorial-split"
    },
    {
      "id": "editorial-supabase",
      "data": {
        "body": "Paid tenants get instant content updates via Supabase Postgres. Edit in the Studio, see it live in under 100ms — without touching the Vercel build pipeline. Your Supabase project, your data, direct Postgres access always available.",
        "label": "Supabase",
        "title": "Content hot save.",
        "bullets": [
          {
            "id": "s1",
            "text": "Hot save — content updates propagate in <100ms"
          },
          {
            "id": "s2",
            "text": "DB → repo sync on demand — bring live content back to git history"
          },
          {
            "id": "s3",
            "text": "Automated backups and point-in-time recovery built in"
          },
          {
            "id": "s4",
            "text": "Row-level security on every project"
          },
          {
            "id": "s5",
            "text": "Open source — fork and self-host if your compliance requires it"
          }
        ],
        "reverse": true,
        "visualType": "terminal",
        "titleItalic": "No rebuild.",
        "visualLabel": "Hot save flow",
        "terminalLines": [
          {
            "id": "t1",
            "dim": true,
            "prefix": "#",
            "content": "Paid tier — instant content update"
          },
          {
            "id": "t2",
            "dim": false,
            "prefix": "$",
            "content": "Studio: edit hero title"
          },
          {
            "id": "t3",
            "accent": true,
            "content": "→ Supabase write  ✓"
          },
          {
            "id": "t4",
            "accent": true,
            "content": "→ Runtime inject  ✓"
          },
          {
            "id": "t5",
            "accent": true,
            "content": "→ User sees update in 87ms"
          },
          {
            "id": "t6",
            "dim": true,
            "prefix": "#",
            "content": "No Vercel build triggered."
          },
          {
            "id": "t7",
            "dim": true,
            "prefix": "#",
            "content": "No CDN cache invalidation needed."
          }
        ]
      },
      "type": "editorial-split"
    },
    {
      "id": "editorial-github",
      "data": {
        "alt": true,
        "body": "Every content change is a git commit. Every deploy starts from a push. GitHub is the audit log, the backup, and the migration path. When you leave Olon — or if Olon ever disappears — you take your repo and nothing is lost.",
        "label": "GitHub",
        "title": "Your repo.",
        "bullets": [
          {
            "id": "g1",
            "text": "Every save is a signed commit — immutable history, no exceptions"
          },
          {
            "id": "g2",
            "text": "Full diff history — see exactly what changed and when"
          },
          {
            "id": "g3",
            "text": "PR-based content governance — same workflow as your code"
          },
          {
            "id": "g4",
            "text": "GitHub Actions compatible — plug into your existing CI/CD"
          },
          {
            "id": "g5",
            "text": "Your account — fork it, clone it, migrate it at any time"
          }
        ],
        "badgeItems": [
          {
            "id": "b1",
            "text": "feat:",
            "detail": "New section or page added"
          },
          {
            "id": "b2",
            "text": "content:",
            "detail": "Content edit via Studio"
          },
          {
            "id": "b3",
            "text": "theme:",
            "detail": "Design token change"
          },
          {
            "id": "b4",
            "text": "sync:",
            "detail": "DB → repo sync operation"
          },
          {
            "id": "b5",
            "text": "deploy:",
            "detail": "Production deploy triggered"
          },
          {
            "id": "b6",
            "text": "fix:",
            "detail": "Schema or type correction"
          }
        ],
        "visualType": "badge-list",
        "titleItalic": "Your history.",
        "visualLabel": "Git commit types"
      },
      "type": "editorial-split"
    },
    {
      "id": "editorial-resend",
      "data": {
        "body": "Form submissions on your OlonJS tenant arrive via Resend. Set RESEND_API_KEY once and you have transactional email with delivery receipts, bounce tracking, and branded templates — no backend code required.",
        "label": "Resend",
        "title": "Email that just works.",
        "bullets": [
          {
            "id": "r1",
            "text": "Zero-config form submissions — Olon injects the submit logic automatically"
          },
          {
            "id": "r2",
            "text": "Branded lead notification emails to your inbox"
          },
          {
            "id": "r3",
            "text": "Sender confirmation for every form submitter"
          },
          {
            "id": "r4",
            "text": "Dedicated sending domains on higher Resend plans"
          },
          {
            "id": "r5",
            "text": "Real-time webhook delivery and delivery analytics"
          }
        ],
        "reverse": true,
        "visualType": "terminal",
        "titleItalic": "One env var.",
        "visualLabel": "Form submit flow",
        "terminalLines": [
          {
            "id": "t1",
            "dim": true,
            "prefix": "#",
            "content": "Contact form submitted"
          },
          {
            "id": "t2",
            "dim": false,
            "prefix": "$",
            "content": "POST /api/forms/submit"
          },
          {
            "id": "t3",
            "accent": true,
            "content": "→ Olon validates payload  ✓"
          },
          {
            "id": "t4",
            "accent": true,
            "content": "→ Resend: owner notified  ✓"
          },
          {
            "id": "t5",
            "accent": true,
            "content": "→ Resend: sender confirmed  ✓"
          },
          {
            "id": "t6",
            "dim": true,
            "prefix": "#",
            "content": "No backend code written."
          },
          {
            "id": "t7",
            "dim": true,
            "prefix": "#",
            "content": "One env var. That's it."
          }
        ]
      },
      "type": "editorial-split"
    },
    {
      "id": "cli",
      "data": {
        "note": "Vercel and GitHub required for all tiers. Supabase required for hot save (Full). Resend for email.",
        "label": "Wire all four",
        "command": "npx olonjs new tenant",
        "description": "Scaffold a tenant with Vercel, Supabase, GitHub, and Resend pre-configured. Connect your accounts in the Olon dashboard."
      },
      "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": "https://olon.it/platform/reliability",
            "label": "Reliability →",
            "variant": "secondary"
          }
        ],
        "title": "Four integrations. One command.",
        "description": "No pipeline configuration. No vendor negotiation. Just ship."
      },
      "type": "cta-banner"
    }
  ],
  "global-header": true
}