Supabase SSR Kit (EN) — From invisible to indexed in 30 minutes.

You built your app with Lovable, Bolt, v0 or plain React — and Supabase as your backend. It works great for users. But Google crawls it and finds nothing. LinkedIn previews are blank. ChatGPT can't mention you. Your app is effectively invisible to every bot and search engine.

ZORC SSR Kit (Supabase Edition) fixes this without touching your frontend. A Cloudflare Worker intercepts incoming requests and checks the user agent. When a bot arrives — Google, Bing, LinkedIn, Slack, WhatsApp, Discord — the Worker sends a POST to your Supabase Edge Function. The function queries your Supabase tables directly using the service role key, builds a complete HTML page with all the right meta tags, and returns it to the bot. Your users always get the real React app.

What's included

worker-supabase.js — a Cloudflare Worker configured for Supabase. Edit five lines at the top: your app origin, Supabase project ID, anon key, and your URL prefixes.

ssr-function-supabase.js — a Supabase Edge Function that queries your tables and renders complete HTML. Configure your table names, column mappings and URL patterns in the ROUTES array at the top. Works with any table structure.

INSTALL-SUPABASE.md — complete step-by-step guide in English including RLS explanation and curl verification commands.

INSTALL-SUPABASE-SV.md — same guide in Swedish.

What it generates per page

Full HTML title tag, meta description, canonical URL, Open Graph (og:title, og:description, og:image, og:type, og:url, og:image:width, og:image:height), Twitter/X Card (summary_large_image), Schema.org JSON-LD.

Built-in safety

If the Edge Function fails, returns an error or times out, the Worker falls back silently to your normal React app. Your site never goes down because of this kit.

Row Level Security

The Edge Function uses your service role key which bypasses RLS by default — so bots can always read your published content. Full explanation in the install guide.