Vercel + Supabase¶

Para qué sirve¶

Al final del hackathon necesitás un link que abra en el celular del jurado.

Servicio	Rol
Vercel	Hosting frontend + serverless functions
Supabase	PostgreSQL, auth, storage, realtime (opcional)

Deploy en Vercel (15 min)¶

1. Repo en GitHub¶

→ Editores y GitHub

2. Importar proyecto¶

vercel.com/new
Import Git Repository
Framework preset (Next.js, Vite, etc.)
Deploy → URL *.vercel.app

3. Variables de entorno¶

Settings → Environment Variables:

NEXT_PUBLIC_SUPABASE_URL=https://xxx.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJ...
GEMINI_API_KEY=...   # si usás IA en server

Redeploy después de agregar variables.

Supabase (20 min)¶

1. Crear proyecto¶

supabase.com/dashboard
New project → password de DB segura
Esperar provisioning (~2 min)

2. Tabla ejemplo¶

SQL Editor:

create table reportes (
  id uuid primary key default gen_random_uuid(),
  created_at timestamptz default now(),
  barrio text not null,
  tipo text not null,
  descripcion text
);

alter table reportes enable row level security;

create policy "lectura pública" on reportes for select using (true);
create policy "insert anónimo demo" on reportes for insert with check (true);

RLS en producción

Para el hackathon políticas abiertas alcanzan. En producción restringí insert/select.

3. Cliente en Next.js¶

npm install @supabase/supabase-js

import { createClient } from "@supabase/supabase-js";

export const supabase = createClient(
  process.env.NEXT_PUBLIC_SUPABASE_URL!,
  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
);

Checklist pre-pitch¶

URL carga en 4G (probá sin WiFi del hotel)
.env en .gitignore
README con npm install && npm run dev
Camino feliz probado 2 veces
Loom backup por si falla live demo

Stacks comunes¶

Proyecto	Vercel	Supabase
Track de la ciudad chat	Next.js	Auth + tabla mensajes
Dashboard Arkiv	Vite/React	Solo frontend, API Arkiv directa
Stellar demo	Next.js	Opcional logs de tx

Alternativa sin Supabase¶

Solo Vercel + JSON mock / localStorage para demo
Vercel KV (si ya tenés cuenta Pro)