A arena digitalda Galorys
Times, jogadores e conquistas em uma experiência feita para a comunidade.
O site oficial de um time de esports: ao vivo com o Roblox e o GTA RP, com área do torcedor e um painel de 47 telas.O site de um time de esports, com área do torcedor e painel.
- Next.js 16
- React 19
- TypeScript 5.9
- Tailwind CSS 4
- Prisma 5
- NextAuth 4
- Framer Motion 12
A arena digitalda Galorys
Times, jogadores e conquistas em uma experiência feita para a comunidade.
- Next.js 16
- React 19
- TypeScript 5.9
- Tailwind CSS 4
- Prisma 5
- NextAuth 4
- Framer Motion 12
O site oficial de um time de esports: ao vivo com o Roblox e o GTA RP, com área do torcedor e um painel de 47 telas.O site de um time de esports, com área do torcedor e painel.
- Next.js 16
- React 19
- TypeScript 5.9
- Tailwind CSS 4
- Prisma 5
- NextAuth 4
- Framer Motion 12
Ao vivo
O site acompanha o jogo enquanto ele acontece.
Um time de esports vive de comunidade, e comunidade quer ver movimento. Em vez de alguém atualizar números à mão, o site busca sozinho, direto nas plataformas, quantas pessoas estão jogando agora, no Roblox e no servidor de GTA RP.
- RobloxOs jogos da comunidade, direto da plataformaJogando agoraVisitasMembros da comunidadeA cada 1 min
- GTA RPO servidor de roleplay da comunidadeJogadores no servidorServidor no ar ou foraA cada 30 s
ComunidadeA faixa no topo do site soma quem está jogando nas duas plataformas, em todas as páginas.
Se uma plataforma demora ou cai, o site não trava: guarda a última resposta por um tempo e tenta de novo depois.
A escalação
Escolha a modalidade. O site monta o resto.
Cada jogo em que o time compete tem a sua página, com o elenco; cada jogador tem a dele, com foto, função, história e redes sociais. Quando a equipe cadastra um jogador novo no painel, as páginas aparecem sozinhas. Escolha uma modalidade para ver o caminho.
Modalidade escolhida
Gran Turismo
- A página do timeO que o time é, desde quando joga e os títulos dele.
/times/gran-turismo - O elencoTodos os jogadores do time, cada um com a sua função.
/times/gran-turismo - A página do jogadorFoto, função, história e os links das redes de cada um. O torcedor logado ainda pode favoritar.
/times/gran-turismo/jogador/…
Os times e os jogadores são cadastros do painel: nada disso é escrito no código da página.
O portal do torcedor
Um motivo para o torcedor voltar.
Site de time costuma ser visitado uma vez e esquecido. Aqui o torcedor tem conta própria: guarda os times e jogadores favoritos, junta pontos e troca por recompensas, e a equipe vê cada pedido no painel para entregar.
- TorcedorCria a contaEntra com e-mail e senha, numa área só dele.
- TorcedorEscolhe os favoritosMarca os times e os jogadores que quer acompanhar.
- TorcedorJunta pontosOs pontos ficam guardados na conta dele.
- TorcedorResgata a recompensaEscolhe o que quer e troca os pontos.
- EquipeEntregaO pedido aparece no painel, na lista de resgates.
- Recompensa com estoqueDá para limitar quantas existem: acabou, acabou.
- Recompensa que é um arquivoUm papel de parede ou um pacote pode ser baixado na hora do resgate.
- Uma por pessoaCada torcedor resgata cada recompensa uma vez só, e quem garante isso é o próprio banco de dados, não um botão.
A área do torcedor tem 4 páginas: o painel pessoal, as recompensas, os favoritos e as configurações da conta.
O painel
47 telas para a equipe mudar o site sozinha.
O time não precisa chamar um programador para trocar uma foto, anunciar uma partida ou mudar o menu. Tudo isso tem uma tela no painel, são 47, organizadas por área. Toque ou passe o mouse numa área para ver as telas dela acenderem.
47telas no painel
- Início1O resumo do dia, logo ao entrar.
- Conteúdo11Notícias, banners, seções da home, a ordem da home e as mensagens recebidas.
- Competição14Times, jogadores, destaques, partidas e conquistas.
- Jogos2Os jogos e os links para jogar.
- Recompensas4As recompensas e os pedidos de resgate.
- Parceiros3Os parceiros e patrocinadores.
- Navegação2O menu e o rodapé do site.
- Configurações5Dados do site, e-mail, servidor de GTA RP e segurança.
- Acesso4Os usuários do painel, o login e a recuperação de senha.
- Backup1As cópias de segurança do site.
Quase todas seguem o mesmo jeito de trabalhar: a lista, o botão de novo e a tela de editar. Aprendeu uma, aprendeu todas.
A home se monta
A página inicial na ordem que o time quiser.
A home é feita de 9 blocos. No painel, a equipe muda a ordem deles e liga ou desliga cada um, sem programador. Experimente: suba, desça e desligue blocos, e veja a página ao lado se refazer.
No painel
- 1Banner principalA abertura, com a marca
- 2Pioneiros no RobloxA história do time
- 3Times de eliteAs modalidades
- 4ConquistasOs números do time
- 5Jogadores em destaqueQuem está em alta
- 6RobloxOs jogos da comunidade
- 7PartidasAs próximas partidas
- 8ParceirosOs patrocinadores
- 9Chamada finalO convite para entrar na comunidade
O bloco das partidas ainda se esconde sozinho quando não há nenhuma partida marcada: a página nunca mostra uma seção vazia.
O backup
Se algo der errado, o site volta.
Um site com notícias, times, contas de torcedores e recompensas guarda muita coisa que não pode sumir. Por isso o painel tem uma central de cópias de segurança, com 9 funções, uma por cartucho. Toque ou passe o mouse para encaixar cada uma.
Função
ConfigurarEscolher onde as cópias ficam guardadas e como.Onde a cópia fica
- Google Drive
- Backblaze (armazenamento na nuvem)
Quando uma cópia termina, o sistema pode avisar por e-mail, com um modelo de mensagem próprio.
As tecnologias
Do que é feito, peça por peça
Tudo o que segura o site do time: a tela que o torcedor vê, o login, o banco com 38 tabelas e as conexões com o Roblox, o GTA RP e as cópias de segurança. Escolha uma peça para ver o que ela faz aqui e em que arquivo está.
17tecnologias, em 4 camadas
Tela
Servidor
Dados
Integrações
As telas
O site, de ponta a ponta.
A abertura, a história, os times, as conquistas, os jogos da comunidade e o rodapé, no tema escuro e no claro. Clique num telão para ver grande.
Plataformas e comunidadesTicTur