La web pública es el primer punto de contacto del torneo con el mundo: el lugar al que llegan jugadoras nuevas, periodistas, sponsors potenciales y aficionadas. Sin login, sin fricciones, todo accesible y todo en tiempo real.
La web comparte la misma base de datos que la app y el panel admin: cualquier cambio cargado por la delegada se ve reflejado al instante en la web pública. Esto se logra con suscripciones directas a Supabase Realtime, sin polling y sin endpoints intermedios. Server-side rendering en Next.js 14 garantiza SEO óptimo y carga inicial veloz.
"Estadísticas, fixture y posiciones del torneo en tiempo real, accesibles desde cualquier dispositivo y sin necesidad de instalar nada."
Cada ruta resuelta con SSR para SEO y carga inicial óptima.
Landing del torneo con últimos resultados y próximos partidos. Hero visual con identidad de marca.
Fixture completo con filtros, badges en vivo y marcador en tiempo real.
Tabla de posiciones por categoría sincronizada con la app y el panel admin.
Goleadoras, tarjetas y partidos jugados calculados desde match_events.
Directorio completo con buscador y página de perfil pública por jugadora.
Grilla por categoría con página de equipo individual y plantel detallado.
Formulario público con validación estricta y categorías cargadas dinámicamente.
Hero slideshow y página de galería con filtro por fecha y álbumes vinculados a Drive.
El fixture y los partidos en vivo no usan polling: la web se suscribe directamente a los canales de Supabase Realtime. Cuando una veedora carga un gol desde la app durante un partido, el marcador en la web pública se actualiza en menos de un segundo, sin recargar la página.
Suscripción al canal de matches con cleanup automático en unmount.
Eventos de partido (goles, tarjetas) actualizados al instante.
Carga inicial renderizada en servidor para SEO y performance.
Cero peticiones repetidas. La conexión queda abierta y reacciona a cambios.
Render server-side por defecto. Crawlers acceden a HTML completo desde el primer byte.
Title, description y Open Graph configurados en cada ruta. Compartido optimizado en redes.
Diseño base mobile, escalado progresivo a desktop con sm: md: lg: de Tailwind.
Imágenes optimizadas, lazy loading y formatos modernos por defecto.