Arena do Nery
Site e app de comunidade para o canal Clash com Nery, de jogos da Supercell. Quem chega faz uma caminhada com o scroll: atravessa o portão de um castelo e passa por sete paradas até a arena, onde estão os vídeos, os decks, o clã, os amigos e os desafios.
- Next.js
- GSAP + scroll
- APIs da Supercell
- YouTube
- Supabase
- PWA
- 7paradas na caminhada com scroll
- 4frentes: site, app, portal e painel
- 5integrações: Supercell, YouTube, login, e-mail e push
- 12+idade mínima, com responsável até 16 anos
Uma casa própria para a comunidade do canal.
O canal posta quase um vídeo por dia, mas a conversa com o público ficava espalhada pelos comentários. A ideia foi criar um lugar do próprio canal, onde quem assiste entra com a conta do jogo, faz amigos, copia os decks dos vídeos e encara desafios conferidos de verdade.
E tinha que ter cara de jogo desde o primeiro segundo: nada de página comum. Por isso a entrada é uma caminhada, e cada parada da rolagem revela uma parte da comunidade.
Role dentro da janela e faça a caminhada.
Esta é a página pública do projeto rodando aqui mesmo, com dados de exemplo.
Portão
A câmera atravessa o portão aceso do castelo, em camadas de parallax.
Taverna
Vídeos e shorts do canal deslizam na horizontal enquanto a pessoa rola.
Mesa de cartas
As cartas do deck saem do monte, viram e se encaixam; um botão copia o deck no jogo.
Mural
Recados para achar dupla e clã são pregados no mural, um a um.
Salão do clã
O estandarte desce do teto e os números do clã contam até o valor real.
Arena
Holofotes varrem o céu e o ranking da semana se monta de baixo para cima.
Baú
A tampa abre, sai luz dourada e aparece o cadastro.
Site, app, portal do jogador e painel do criador.
Telas conceito; nomes de jogadores e números são ilustrativos.
Bonito por fora, sério por dentro.
Experiência
Next.js, GSAP ScrollTrigger e rolagem suave. Funciona como app instalável (PWA) e respeita quem pede menos movimento.
Dados do jogo
APIs oficiais da Supercell pelo servidor: perfil, clã, guerra e batalhas. A conta é verificada com um desafio de deck.
Vídeos
Cada vídeo novo do canal aparece sozinho, avisado pelo YouTube na hora, com player dentro do site.
Contas e proteção
Login com Google, Apple ou e-mail, checagem de idade e aprovação do responsável, seguindo o ECA Digital e a LGPD.
Infraestrutura
VPS própria com Coolify e Docker, banco com regras de acesso por usuário e backup diário fora do servidor.
Projeto de fã: a Arena do Nery não é oficial nem aprovada pela Supercell. Clash Royale e Clash of Clans são marcas da Supercell; o site usa só arte própria, seguindo a Política de Conteúdo para Fãs.
Quer um projeto com essa cara?
Site, app ou comunidade para o seu canal ou negócio. Conta a ideia e a gente desenha junto.