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
hreflangbien resuelto (es, en, x-default) yog:localepor 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
hreflangyog:localecorrectos, para que cada versión posicione en su mercado sin conflictos de contenido duplicado. - Rendimiento. Imágenes en WebP servidas por
next/imageconsrcset, 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.