Pular para o conteúdo
Todos os projetos
Música / Gravadora

Warbeats Records

Site da gravadora com catálogo que atualiza sozinho, conectado ao Beatport e ao Spotify, com capa em alta e preview na própria página.

Ano
2026
Papel
Construção do site, do sistema e da experiência do usuário
Status
Ao vivo

Para quem éDJ procurando release do label, fã da cena, profissional buscando o catálogo e a equipe acompanhando a saúde da integração.

7 áreas trabalhando juntas18+ telasConecta com Beatport, Spotify e mais 1Construído em 2026
Screenshot de Warbeats Records

O caso

Problema

Gravadora brasileira de música eletrônica com catálogo grande precisava de site próprio sempre atualizado. O Beatport tem dados completos mas raramente libera acesso, e quando libera entrega capas de tamanho variável, sem preview confiável e duração imprecisa — ruim de mostrar pra fã ou DJ.

Solução

Conectei o site direto no Beatport (acesso destravado depois de meses) e no Spotify ao mesmo tempo: o Beatport entrega o lado comercial e o Spotify entrega capa em alta, preview de 30 segundos e duração precisa. As duas fontes conversam sozinhas pelo código único de cada faixa, e o site atualiza sozinho a cada poucas horas. Por cima disso, o site institucional inteiro: catálogo, página por artista, números públicos e painel pra equipe acompanhar a saúde de tudo.

Resultado

  • Catálogo do label tem endereço próprio fora do Beatport
  • Release novo aparece sozinho no site, com capa HD
  • Site continua de pé se Beatport ou Spotify caírem
  • Atualização 100% automática, sem apertar botão
  • Equipe acompanha tudo num painel só, sem abrir log

9,68M

streams

Songstats · MAI 2026

472

DJ supports

Songstats · MAI 2026

651

tracks lançadas

Warbeats · MAI 2026

Por que foi feito assim

O catálogo vive numa cópia local no servidor da gravadora, alimentada automaticamente a cada poucas horas. Se o Beatport ou o Spotify caírem, o site continua de pé. Capas servidas direto do storage da gravadora, sem depender de servidor de terceiro. Bilíngue português e inglês.

O que o sistema faz

7 áreas no sistema, todas funcionando juntas — mesmo login, mesmo visual, sem precisar entrar em sites diferentes.

Atualização automática Beatport + Spotify

Catálogo sincroniza sozinho a cada poucas horas.

  • Conexão própria com o Beatport (acesso destravado)
  • Conexão com o Spotify pra capa, preview e gênero
  • Cópia local atualiza só o que mudou
  • Atualização agendada, sem apertar botão
  • Capas otimizadas e servidas do storage próprio
  • Avisa quando algum release não bate entre os dois

Catálogo de releases

Vitrine pública de tudo que o label lança.

  • Lista paginada com capa HD, artista e gênero
  • Filtro por gênero direto dos próprios releases
  • Página do release com tracklist e relacionados
  • Player com preview de 30 segundos do Spotify
  • Dois botões: comprar no Beatport ou ouvir no Spotify
  • Compartilhamento bonito nas redes sociais

Artistas

Página dedicada pra cada artista do roster.

  • Lista ordenada por quantidade de releases no label
  • Página de artista com bio, foto e discografia
  • Gêneros oficiais do Spotify na capa
  • Endereços estáveis pro Google indexar

Sobre e desempenho

História do label e números públicos via Songstats.

  • Bio dos fundadores Plastic Robots e FlexB
  • Estatísticas (164 releases, 651 tracks, 228 artistas)
  • Streams, alcance, playlists e charts
  • Vitrine "Played by" em três níveis de destaque

Demos e contato

Canal direto pra artista e parceiro.

  • Formulário pra mandar demo
  • Página de contato
  • Direcionamento por tipo de mensagem

Painel da equipe

Observa tudo sem abrir log no servidor.

  • Login seguro com troca de senha
  • Status: última atualização e taxa de sucesso
  • Histórico completo das rodadas de atualização
  • Gráfico dos últimos 7 dias por status
  • Lista de releases que não bateram entre as fontes
  • Cadastro dos usuários da equipe

Bilíngue e marca

Pronto pra audiência do mundo todo.

  • Português e inglês com troca persistente
  • Sistema de marca completo (logo, marca, wordmark)
  • Aviso de cookies
  • Mapa do site e robots gerados automaticamente

Por que foi feito assim

As escolhas que destravaram o projeto — o que existia antes, o que mudou e por quê.

Cópia local em vez de buscar toda hora

Antes

Cada acesso consultava o Beatport em tempo real, com cache de poucos minutos e plano B estático pra quando a API caía.

Depois

Catálogo vive numa cópia local atualizada em background. Beatport só é consultado pra detectar o que mudou desde a última rodada.

Por quêAPI do Beatport é instável e tem limite baixo. Cópia local deixa a leitura rápida e mantém o site de pé mesmo se a API cair por horas.

Duas fontes em vez de uma só

Antes

Beatport era a única fonte. Capa em tamanho variável, sem preview confiável e duração imprecisa em alguns releases.

Depois

Beatport entrega o lado comercial e Spotify entrega capa em alta, preview e gênero — ligados pelo código único de cada faixa.

Por quêCada plataforma é boa naquilo que ela é. Beatport sabe vender, Spotify sabe apresentar. Juntar as duas dá o melhor de cada uma sem inventar dado.

Sozinho em vez de apertar botão

Antes

Atualização era disparada por botão no painel, sujeita ao operador esquecer ou clicar duas vezes seguidas sem querer.

Depois

Rodadas agendadas automaticamente: Beatport a cada poucas horas e Spotify logo depois. O painel agora só observa, não dispara.

Por quêTarefa repetitiva é responsabilidade da infraestrutura, não do operador. Agendado deixa o catálogo sempre em dia sem depender de ninguém lembrar.

Capa no servidor da gravadora

Antes

Capas eram servidas direto da CDN do Beatport, em tamanho e formato variável, com lentidão extra pra quem acessa do Brasil.

Depois

Capas copiadas pro storage próprio em formato otimizado (640px e 300px). Endereço sempre o mesmo e carregamento rápido, sem depender de terceiro.

Por quêImagem faz parte da identidade do label e não deveria depender de servidor de terceiro. Otimizada corta peso pela metade e o endereço nunca muda.

Como o sistema te protege e escala

O que tá embaixo do capô, em português de gente.

  • Banco com regra de acesso por usuário (ninguém vê o que não é seu)
  • Painel próprio: você atualiza sem precisar chamar dev
  • Continua de pé mesmo se algum serviço externo cair
  • Conteúdo atualiza sozinho, sem ninguém apertar botão
  • Imagens otimizadas pra carregar rápido no celular
  • Bilíngue: atende cliente em português e em inglês

Conecta com

Beatport
Spotify
Songstats
Ver ficha técnica completa
TanStack Start
React 19
TypeScript
Vite
Tailwind CSS
Supabase
pg_cron
shadcn/ui
Vitest
Zod

Quero algo assim para mim

Se você se reconheceu nesse projeto, vamos conversar sobre o seu — sem compromisso.

Outros projetos

Ver todos →
Screenshot de RG Pneus Barretos

Comércio / Transportes

RG Pneus Barretos

Ao vivo·2026

Catálogo online de pneus de caminhão com foto, preço à vista e parcelado, página por cidade e socorro 24h direto no WhatsApp.

Pronto pro Google
Atende 24h
Painel próprio
Screenshot de Áurea Beauty X

Saúde / Estética

Áurea Beauty X

Ao vivo·2026

Site da marca de estética em 3 pilares — Studio, Class e Store — com caminhos diferentes pra quem já decidiu e pra quem ainda tá pesquisando.

Tudo num site só
Agendamento integrado
Identidade coesa