La arena digitalde Galorys
Equipos, jugadores y logros en una experiencia hecha para la comunidad.
El sitio oficial de un equipo de esports: en vivo con Roblox y GTA RP, con área del hincha y un panel de 47 pantallas.El sitio de un equipo de esports, con área del hincha y panel.
- Next.js 16
- React 19
- TypeScript 5.9
- Tailwind CSS 4
- Prisma 5
- NextAuth 4
- Framer Motion 12
La arena digitalde Galorys
Equipos, jugadores y logros en una experiencia hecha para la comunidad.
- Next.js 16
- React 19
- TypeScript 5.9
- Tailwind CSS 4
- Prisma 5
- NextAuth 4
- Framer Motion 12
El sitio oficial de un equipo de esports: en vivo con Roblox y GTA RP, con área del hincha y un panel de 47 pantallas.El sitio de un equipo de esports, con área del hincha y panel.
- Next.js 16
- React 19
- TypeScript 5.9
- Tailwind CSS 4
- Prisma 5
- NextAuth 4
- Framer Motion 12
En vivo
El sitio acompaña el juego mientras ocurre.
Un equipo de esports vive de su comunidad, y la comunidad quiere ver movimiento. En vez de que alguien actualice números a mano, el sitio busca solo, directo en las plataformas, cuántas personas están jugando ahora, en Roblox y en el servidor de GTA RP.
- RobloxLos juegos de la comunidad, directo de la plataformaJugando ahoraVisitasMiembros de la comunidadCada 1 min
- GTA RPEl servidor de roleplay de la comunidadJugadores en el servidorServidor encendido o caídoCada 30 s
ComunidadLa franja de arriba del sitio suma quién está jugando en las dos plataformas, en todas las páginas.
Si una plataforma tarda o se cae, el sitio no se traba: guarda la última respuesta por un tiempo y vuelve a intentar después.
La alineación
Elige la modalidad. El sitio arma el resto.
Cada juego en el que compite el equipo tiene su página, con el plantel; cada jugador tiene la suya, con foto, función, historia y redes sociales. Cuando el equipo carga un jugador nuevo en el panel, las páginas aparecen solas. Elige una modalidad para ver el camino.
Modalidad elegida
Gran Turismo
- La página del equipoQué es el equipo, desde cuándo juega y sus títulos.
/times/gran-turismo - El plantelTodos los jugadores del equipo, cada uno con su función.
/times/gran-turismo - La página del jugadorFoto, función, historia y los links de las redes de cada uno. El hincha con sesión iniciada además puede marcarlo como favorito.
/times/gran-turismo/jogador/…
Los equipos y los jugadores son registros del panel: nada de eso está escrito en el código de la página.
El portal del hincha
Un motivo para que el hincha vuelva.
El sitio de un equipo suele visitarse una vez y olvidarse. Acá el hincha tiene su propia cuenta: guarda los equipos y jugadores favoritos, junta puntos y los cambia por recompensas, y el equipo ve cada pedido en el panel para entregarlo.
- HinchaCrea la cuentaEntra con correo y contraseña, a un área solo suya.
- HinchaElige los favoritosMarca los equipos y los jugadores que quiere seguir.
- HinchaJunta puntosLos puntos quedan guardados en su cuenta.
- HinchaCanjea la recompensaElige lo que quiere y cambia los puntos.
- EquipoEntregaEl pedido aparece en el panel, en la lista de canjes.
- Recompensa con stockSe puede limitar cuántas hay: si se acabó, se acabó.
- Recompensa que es un archivoUn fondo de pantalla o un pack se puede descargar en el momento del canje.
- Una por personaCada hincha canjea cada recompensa una sola vez, y lo garantiza la propia base de datos, no un botón.
El área del hincha tiene 4 páginas: el panel personal, las recompensas, los favoritos y la configuración de la cuenta.
El panel
47 pantallas para que el equipo cambie el sitio solo.
El equipo no necesita llamar a un programador para cambiar una foto, anunciar una partida o modificar el menú. Cada cosa tiene una pantalla en el panel, son 47, organizadas por área. Toca o pasa el mouse por un área para ver cómo se encienden sus pantallas.
47pantallas en el panel
- Inicio1El resumen del día, apenas se entra.
- Contenido11Noticias, banners, secciones de la home, el orden de la home y los mensajes recibidos.
- Competencia14Equipos, jugadores, destacados, partidas y logros.
- Juegos2Los juegos y los links para jugar.
- Recompensas4Las recompensas y los pedidos de canje.
- Socios3Los socios y patrocinadores.
- Navegación2El menú y el pie de página del sitio.
- Configuración5Datos del sitio, correo, servidor de GTA RP y seguridad.
- Acceso4Los usuarios del panel, el inicio de sesión y la recuperación de contraseña.
- Copias1Las copias de seguridad del sitio.
Casi todas funcionan igual: la lista, el botón de nuevo y la pantalla de editar. Aprendiste una, aprendiste todas.
La home se arma
La página de inicio en el orden que quiera el equipo.
La home está hecha de 9 bloques. En el panel, el equipo cambia su orden y enciende o apaga cada uno, sin programador. Pruébalo: sube, baja y apaga bloques, y mira cómo la página de al lado se rehace.
En el panel
- 1Banner principalLa apertura, con la marca
- 2Pioneros en RobloxLa historia del equipo
- 3Equipos de éliteLas modalidades
- 4LogrosLos números del equipo
- 5Jugadores destacadosQuién está en racha
- 6RobloxLos juegos de la comunidad
- 7PartidasLas próximas partidas
- 8SociosLos patrocinadores
- 9Llamado finalLa invitación a unirse a la comunidad
El bloque de partidas además se esconde solo cuando no hay ninguna partida programada: la página nunca muestra una sección vacía.
La copia de seguridad
Si algo sale mal, el sitio vuelve.
Un sitio con noticias, equipos, cuentas de hinchas y recompensas guarda mucho que no puede desaparecer. Por eso el panel tiene una central de copias de seguridad, con 9 funciones, una por cartucho. Toca o pasa el mouse para encajar cada una.
Función
ConfigurarElegir dónde se guardan las copias y cómo.Dónde queda la copia
- Google Drive
- Backblaze (almacenamiento en la nube)
Cuando una copia termina, el sistema puede avisar por correo, con un modelo de mensaje propio.
Las tecnologías
De qué está hecho, pieza por pieza
Todo lo que sostiene el sitio del equipo: la pantalla que ve el hincha, el login, la base con 38 tablas y las conexiones con Roblox, GTA RP y las copias de seguridad. Elige una pieza para ver qué hace aquí y en qué archivo está.
17tecnologías, en 4 capas
Pantalla
Servidor
Datos
Integraciones
Las pantallas
El sitio, de punta a punta.
La apertura, la historia, los equipos, los logros, los juegos de la comunidad y el pie de página, en el tema oscuro y en el claro. Haz clic en una pantalla para verla grande.
Plataformas y comunidadesTicTur