Warbeats Records
Site institucional de gravadora brasileira de música eletrônica com catálogo de releases puxado em tempo real do Beatport via integração personalizada.
- Ano
- 2026
- Papel
- Desenvolvimento full-stack, design e UX
- Status
- Ao vivo
- Complexidade
- Muito Alta
Para quem éDJ buscando releases do label, profissional de música procurando o catálogo, fã da cena e equipe da gravadora monitorando a integração
9,68M
streams
Songstats · MAI 2026
472
DJ supports
Songstats · MAI 2026
175K
Shazams
Songstats · MAI 2026
O caso
Problema
Warbeats Records é uma gravadora brasileira de música eletrônica fundada em 2015 — atuando em indie dance, bass house, tech house, progressive house, melodic house, melodic techno, minimal deep tech e vertentes correlatas. O label precisava de um endereço próprio que funcionasse como cartão de visita oficial: catálogo de releases, página de cada artista, performance da gravadora, canal para receber demos e contato. O obstáculo principal estava no catálogo: o Beatport tem API documentada, mas raramente libera acesso — em fóruns e blogs da cena é comum ver desenvolvedores reclamando que pedem credenciais e nunca recebem. Sem catálogo automático, o site viraria atualização manual eterna.
Solução
Resolvemos esse gargalo com uma integração personalizada que conseguiu, na prática, acessar a API do Beatport e trazer releases, tracks e artistas do label direto para o site — esse foi o trabalho mais diferenciado do projeto, justamente por contornar uma barreira que muita gente esbarra. Em cima dessa base de catálogo automático, um site institucional completo: home com último release e ticker de números, catálogo paginado e filtrável por gênero, página por artista com discografia agregada, About com performance pública (Songstats) e "Played by" em três tiers, formulário de submissão de demos, contato, i18n PT/EN, player de preview de faixas e um painel admin para a equipe acompanhar a saúde da integração sem precisar de dev.
Resultado
- Catálogo do label finalmente vive em endereço próprio — não depende de perfil em plataforma de terceiros
- Cada release puxa automaticamente do Beatport — zero trabalho manual de cadastro
- Quando a API do Beatport cai, o site continua de pé via fallback estático
- DJs e curadores encontram artistas, releases e previews em um único lugar
- Equipe acompanha a saúde da integração pelo painel admin, sem precisar abrir log
Módulos do sistema
7 módulos integrados no mesmo banco, mesma autenticação, mesmo padrão visual.
Integração Beatport (núcleo do projeto)
Camada própria que fala com a API do Beatport — sem API pública aberta.
- Autenticação e renovação de credenciais
- Fetch tipado de releases, tracks e artistas do label
- Mapeamento dos payloads brutos para o modelo do site
- Cache de borda (300s) para reduzir latência
- Fallback estático automático quando a API falha
Catálogo de releases
Vitrine pública de tudo que o label lança.
- Listagem paginada com capa, artista e gênero
- Filtro por gênero (extraído dos próprios releases)
- Página de release com tracklist e releases relacionados
- Player com preview da faixa direto na página
- Compartilhamento social com Open Graph dinâmico
Artistas
Página dedicada para cada artista do roster.
- Listagem agregada por contagem de releases no label
- Página de artista com bio, foto e discografia
- Imagem do artista carregada sob demanda
- Slugs estáveis para SEO
About e performance
História do label e números públicos.
- Bio dos fundadores Plastic Robots e FlexB
- Estatísticas do label (releases, tracks, artistas, ano)
- Grupos de performance (Audience, Discovery, Video)
- "Played by" em três tiers, do headliner ao roster completo
Demos e contato
Canal direto para artistas e parceiros.
- Formulário de submissão de demo
- Página de contato
- Direcionamento por tipo de mensagem
Painel admin Beatport
Operação interna sem precisar abrir log no servidor.
- Login Supabase com reset de senha
- Healthcheck da API do Beatport
- Debug de status de autenticação
- Alertas configuráveis
- Auto-refresh dos status
Internacionalização e marca
Pronto para audiência global.
- i18n PT/EN com troca de idioma persistente
- Sistema de marca (lockup, mark, wordmark)
- Cookie consent
- Sitemap e robots gerados dinamicamente
Arquitetura
TanStack Start + React 19 com SSR, Tailwind e i18n PT/EN. Camada de integração própria com a API do Beatport (autenticação, fetch tipado, mapeamento de releases/tracks/artistas, cache de borda e fallback estático quando a API falha). Supabase para Auth do painel admin e Edge Functions de monitoramento.
Stack tecnológico
Tecnologias
Integrações
Tem um projeto parecido?
Se reconheceu seu negócio em algum desafio acima, vamos conversar sobre o seu.
Outros projetos
Ver todos →
Catálogo de pneus pesados com filtros, simulação de parcelamento e painel admin — para uma loja especialista em caminhão desde 2010.
Plataforma para marca de estética em 3 pilares — Studio ativo + Class e Store em lista de espera, com fluxos de agendamento por nível de decisão.