A tiny live testbed to demonstrate the edit → push → Vercel redeploy loop. Zero build: plain HTML/CSS/JS. Supabase loaded from CDN, with a localStorage fallback so it works the instant it's deployed — before any backend exists.
Just open index.html, or serve the folder:
python3 -m http.server 5173 # http://localhost:5173- Change a line in
index.html(e.g. the<h1>or the lede). git add -A && git commit -m "tweak copy" && git push- Vercel auto-deploys in seconds. Refresh the live URL — your change is there.
- local (default): messages save to your browser's
localStorage. - cloud: paste your Supabase URL + anon key into
config.js, redeploy → the same UI now reads/writes a Supabasemessagestable.
- Create a Supabase project.
- SQL Editor → run
supabase-setup.sql(creates themessagestable + policies). - Project Settings → API → copy the Project URL and anon public key.
- Paste both into
config.js, commit, push. The badge flips tocloud.
The anon key is safe to ship in client code — that's its purpose. Row-level security (in
supabase-setup.sql) is what governs access.
Connected to Vercel via GitHub: every push to main deploys to production.
Manual: vercel deploy --prod.