Smart Setlist AI
Uma plataforma full-stack projetada para ajudar músicos a criar, organizar e otimizar setlists para shows ao vivo, ensaios e sessões criativas.
Abrir projeto ao vivoVisão geral
O Smart Setlist AI foi criado para resolver um problema comum entre músicos: montar setlists manualmente sem considerar fluidez, diversidade e contexto de performance. A plataforma combina filtragem, recomendações contextuais e gerenciamento personalizável de acordes em um único fluxo inteligente.
Contexto
O projeto foi desenvolvido para simular um produto de setlist com padrão de produção voltado para músicos e bandas. O objetivo era validar uma arquitetura escalável em que usuários possam gerar setlists por gênero e artista, gerenciar múltiplas listas e adaptar músicas dinamicamente conforme o contexto de ensaio e apresentação.
Problema
Construir uma aplicação full-stack confiável que unifique geração, curadoria, recomendação e exportação de setlists, mantendo uma UX consistente e uma arquitetura extensível para futuras funcionalidades como stage mode e colaboração em tempo real.
Responsabilidades
- ›Arquitetura e implementação de frontend modular em Next.js App Router com TypeScript e Tailwind CSS
- ›Construção dos fluxos de gestão de setlist com operações de adicionar, remover, reordenar e substituir músicas
- ›Implementação de fluxos de filtragem e recomendações contextuais por gênero, artista e preferências do usuário
- ›Desenvolvimento de customização de acordes com overrides do usuário para adaptação por contexto musical
- ›Integração de fluxos de exportação para uso real, incluindo PDF e compartilhamento
- ›Desenho de componentes e telas reutilizáveis para manter padrões consistentes conforme o produto evolui
Decisões técnicas
Limites modulares por feature no App Router
A separação por módulos permitiu isolar geração de setlists, operações de músicas e exportação, reduzindo acoplamento e permitindo iteração mais rápida com menor risco de regressão.
Orquestração de dados com TanStack Query
TanStack Query foi adotado para sincronização assíncrona e cache entre setlists e operações de músicas, melhorando responsividade e reduzindo requisições redundantes.
Validação de contratos com Zod
Schemas Zod foram aplicados em payloads críticos para garantir consistência entre frontend e backend à medida que regras de recomendação e customização evoluem.
Arquitetura
Arquitetura full-stack com separação modular entre frontend e backend, fluxo de dados estruturado entre UI e API, sistema reutilizável de componentes e gestão de estado orientada à performance, preparada para expansão futura em mobile, stage mode e recursos em tempo real.
Desafios
- ›Modelar operações dinâmicas de setlist sem quebrar consistência de ordenação durante edições
- ›Equilibrar recomendações inteligentes com controle previsível do usuário em fluxos criativos
- ›Manter performance de renderização estável com interações frequentes de reordenação e substituição
Resultados
Entrega de um fluxo unificado para músicos gerarem, organizarem, recomendarem e exportarem setlists
Criação de base técnica escalável para recursos futuros como stage mode e colaboração em tempo real
Aumento de consistência de UX com componentes reutilizáveis e fluxo estruturado nas ações principais
Aprendizados
- ›Ferramentas criativas exigem forte controle do usuário mesmo com recomendações assistidas por IA
- ›Fronteiras claras de domínio em aplicações full-stack aceleram evolução sem comprometer manutenção