Últimas 10 migraciones gratis de Supermetrics

Capítulo 6 de 6 · min 31:46 a 34:21

Cómo hacer el deployment del dashboard en Vercel

El paso final: deployar el dashboard con Vercel desde Claude Code, protegerlo con contraseña si la data es sensible, y el loop de edición: tocás las tablas en Detrics y enriquecés el dashboard.

Paso final: hacer el deployment con Vercel

Ver en YouTube (desde 31:46)

Deployar con Vercel

Cuando ya estás contento con tu dashboard en localhost, llega el deployment. En el repo de GitHub está explicado cómo instalar Vercel, pero es una pavada: te hacés una cuenta, instalás con npm, y hasta le podés pedir a Claude que te dé una mano.

Con todo instalado, Claude hace el deployment y el dashboard queda live, incluyendo la página de landing pages agregada en el capítulo anterior. La app usa la service account creada antes para acceder al dataset de BigQuery y servir los datos.

El dashboard deployado y corriendo en Vercel

Ojo con la visibilidad

El dashboard deployado queda a todo público. En el video no hay problema porque la data está completamente anonimizada, pero si tenés información sensible, pedile a Claude que le ponga una contraseña. Es simple, y evita que tus números queden abiertos en internet para cualquiera.

El loop completo

Con esto, Claude queda conectado con tus datos y con tu repositorio de código: podés modificar el dashboard como quieras.

Y si necesitás trabajar la parte de datos de vuelta (agregar campos nuevos, por ejemplo), volvés a Detrics, a table groups, y editás cualquiera de las tablas. Al editarlas, el cambio llega a BigQuery; ahí podés cambiar el master e ir enriqueciendo el dashboard con más información. Control completo de la información, que es la base de todo.

¿Querés el siguiente nivel? En la serie del data warehouse se construye la versión a nivel anuncio: histórico de 3 años de Meta y TikTok con las imágenes de cada anuncio en tu propia nube.

Preguntas frecuentes

¿Cómo instalo Vercel para el deployment?

Es simple: te hacés una cuenta, lo instalás con npm, y hasta le podés pedir a Claude que te dé una mano. En el repo de GitHub está explicado el paso a paso.

¿El dashboard deployado queda público?

Por defecto sí, queda live a todo público. Si tu información es sensible, pedile a Claude que le ponga una contraseña al dashboard: es simple y evita que quede abierto en internet.

¿Cómo agrego datos nuevos al dashboard una vez deployado?

Volvés a Detrics, editás las tablas en table groups, y el cambio se refleja en BigQuery. Ahí podés actualizar el master y pedirle a Claude que enriquezca el dashboard con la información nueva.

Todos los capítulos de esta serie

  1. 0:00 1. Muestra del dashboard final
  2. 4:24 2. Arquitectura y pasos para construirlo
  3. 6:51 3. Primer paso: conectar fuentes y destinos de datos con Detrics
  4. 8:52 4. Segundo paso: crear las tablas y transferencias a BigQuery
  5. 17:39 5. Tercer paso: consolidar las tablas y construir el dashboard con Claude Code
  6. 31:46 6. Paso final: hacer el deployment con Vercel

¿Querés construir esto con tus propios datos?