VANTAG
ENContacto

Proyecto propio · Plataforma de club de eSports

xFive Club

  • Next.js
  • Supabase
  • eSports
  • i18n
  • SEO
  • GEO

Qué hicimos

xFive Club es un club español de eSports y comunidad de creadores de contenido (equipos, competición, streamers). Nuestro trabajo aquí no es una web de escaparate: es una plataforma con datos vivos (partidos, resultados, rosters, creadores, noticias) que se actualiza a traves de un admin y crece por fases.

Es un proyecto propio, tratado como tal. Lo desarrollamos y lo operamos: arquitectura Next.js, base de datos en Supabase, despliegue en Vercel, internacionalización ES/EN, SEO técnico y mantenimiento continuo a medida que el club añade competiciones, equipos y contenido.

Bloques que operamos:

  • Plataforma en Next.js desplegada en Vercel, con renderizado en servidor y páginas prerenderizadas para que el contenido cargue rápido y sea indexable.
  • Base de datos en Supabase (PostgreSQL) como fuente de verdad de equipos, partidos, resultados, creadores y noticias. El calendario y los marcadores se sirven desde datos estructurados, no se maquetan a mano.
  • Internacionalización ES/EN con hreflang bien resuelto (es, en, x-default) y og:locale por idioma. Cada contenido existe en las dos versiones sin duplicar URL ni canibalizar posicionamiento.
  • Módulos de club: equipos con roster, calendario de partidos con cuenta atrás en directo, últimos resultados con enlace a VOD, ficha de creadores/streamers, blog de noticias e integración con el canal de YouTube.
  • Tienda / merchandising integrada en la misma plataforma, coherente con la marca del club.
  • SEO técnico y GEO: metadatos por página, Open Graph completo, estructura pensada para que el contenido del club (equipos, resultados, noticias) sea citable por Google y por motores generativos como ChatGPT, Perplexity y Gemini.

Cómo lo construimos

Stack: Next.js (React) con base de datos PostgreSQL en Supabase, desplegado en Vercel. Imágenes optimizadas con next/image. Internacionalización ES/EN nativa.

Decisiones técnicas que dan forma al proyecto:

  • Next.js sobre Vercel, no CMS pesado. Un club de eSports vive de datos que cambian a diario (partidos, resultados, rankings). Servirlos desde una app con SSR y prerender da mejor rendimiento y control que un WordPress cargado de plugins.
  • Supabase como backend. PostgreSQL gestionado para equipos, partidos, creadores y noticias. Añadir una competición, un resultado o un jugador es actualizar datos, no tocar plantillas. Es lo que permite que la web crezca por fases sin rehacerla.
  • Datos en vivo. El próximo partido muestra cuenta atrás en tiempo real; los resultados enlazan a su VOD. El contenido dinámico se carga desde la base de datos, no se hardcodea.
  • i18n de verdad. Dos idiomas (ES/EN) con hreflang y og:locale correctos, para que cada versión posicione en su mercado sin conflictos de contenido duplicado.
  • Rendimiento. Imágenes en WebP servidas por next/image con srcset, prerender de páginas, assets en CDN de Vercel. El objetivo es Core Web Vitals en verde incluso en páginas con vídeo embebido y tablas de resultados.
  • Crecimiento por fases. La fase 1 está en producción. La arquitectura (datos en Supabase, componentes reutilizables en Next.js) está pensada para añadir juegos, competiciones y módulos sin reescribir la base.

Lo que no hicimos

  • No montamos un WordPress con page builder. Para una plataforma con datos vivos y crecimiento por fases, un CMS cargado de plugins habría costado rendimiento y flexibilidad.
  • No hardcodeamos el contenido del club. Partidos, resultados, rosters y noticias viven en base de datos: se actualizan como datos, no editando plantillas.