Tutorial

Cómo se arma este dashboard de punta a punta: datos reales de tus plataformas, consolidados en BigQuery y visualizados en un dashboard propio.

Arquitectura

Detrics
Detrics
Fuente de datos
Transferencia
BigQuery
BigQuery
Tabla master
Consultas
Claude Code
Claude Code
Desarrollo
Deploy
Vercel
Vercel
Dashboard en vivo
data en vivo

Paso a paso

Requisitos
  • Node + npm
  • Una cuenta de BigQuery (GCP)
  • Una cuenta de Vercel (el free tier alcanza)
  • Claude Code — anda con el plan más básico de Claude; este dashboard se hizo con Opus 4.8
1. Transferí (Detrics)

Conectá tus plataformas de ads (Meta, Google, Pinterest… 30+ conectores) y GA4, y creá transfers de campaign performance a BigQuery.

2. Consolidá el master (BigQuery)

Con Claude Code + el MCP de BigQuery, unificá las tablas crudas en una tabla master — sin escribir SQL a mano.

3. Desarrollo local (Claude Code)

Creá una service account de solo lectura, npm install, y construí tu dashboard leyendo del master. Lo ves con npm run dev.

4. Deploy (Vercel)

Push a GitHub y vercel deploy. Con el free tier de Vercel alcanza.