vruz.dev
Casos

Caso · ItsJaruba · Creador de contenido · YouTube, análisis de GTA VI

Un media kit en dominio propio para negociar con marcas sin bio-links ni intermediarios.

Un canal de análisis de GTA VI en español que vivía repartido entre plataformas de terceros. Ahora tiene una web propia con su dossier para marcas, un indicador de directo resuelto en el edge y todo su ecosistema conectado como una sola entidad.

Por Víctor Ruz · vruz., desarrollo digital en Almería y Granada

Media kit propio

para negociar patrocinios sin bio-links ni intermediarios

  • Next.js
  • TypeScript
  • GSAP / ScrollTrigger
  • Cloudflare Workers
  • JSON-LD

Antes y después

Antes

  • La presencia fuera de YouTube se reducía a perfiles en plataformas de terceros y un bio-link genérico.
  • No había una pieza propia que enviar a una marca para abrir una conversación de patrocinio.
  • Quien llegaba a la web no sabía si el canal estaba emitiendo en directo en ese momento.

Después

  • Web propia en itsjaruba.com con el media kit en su propia página: audiencia, formatos de patrocinio y condiciones de colaboración.
  • Formatos publicados con detalle: mención en la entrada o bloque central de 30 a 60 segundos, guionizado por el creador y revisado por la marca.
  • Indicador de directo que consulta un endpoint del propio dominio, cacheado en el edge, en lugar de llamar a YouTube desde el navegador de cada visitante.
  • Datos estructurados que conectan la web con YouTube, Twitch, Kick y Discord como un mismo creador.

Resultado de negocio

Lo que cambia para el negocio.

  1. 01La conversación con una marca empieza con un dossier profesional en dominio propio: formatos y condiciones están sobre la mesa antes del primer email.
  2. 02Las marcas llegan sabiendo qué compran: la conversación empieza por el encaje, no por explicar qué se ofrece.
  3. 03Cuando hay directo, la web lo muestra y empuja el tráfico a la emisión, sin que el número de visitas multiplique las llamadas a la API de YouTube.

Cómo funciona

La parte técnica, en corto.

  • Next.js con motion en scroll con GSAP y ScrollTrigger; el pineado solo en escritorio.
  • Endpoint /api/live con caché en el edge (s-maxage y stale-while-revalidate).
  • Ninguna clave de API en el JavaScript del cliente: la consulta a YouTube ocurre en el servidor.
  • Grafo JSON-LD con @id estables para la persona, la web y sus perfiles oficiales.

Compruébalo tú

Todo esto está en producción.

  • Abre itsjaruba.com/media-kit: es el dossier que se envía a las marcas.
  • Mira las cabeceras de itsjaruba.com/api/live: Cache-Control declara caché compartida en el edge (s-maxage).
Abrir itsjaruba.com