O ciclo de cada fase
Execute uma fase do plano por vez. Isso é Spec-Driven Development (SDD): escopo definido, validação antes de avançar.
- Peça ao agente para implementar a fase (referenciando o plano e o harness)
- Revise o código gerado, leia, rode localmente, teste
- Ajuste o que for necessário
- Atualize o harness se decisões técnicas foram tomadas
- Avance só quando a fase funciona
"Implemente a fase 1 do plano: [descreva a fase]. Siga as regras do AGENTS.md (ou CLAUDE.md, se estiver usando Claude Code). Me mostre como testar que está funcionando."
CORS: o problema que vai aparecer
A API do Deezer é pública e não precisa de autenticação, mas não suporta CORS. Isso significa que fetch() direto do browser vai ser bloqueado.
Isso vai acontecer.
Quando o erro aparecer no console, não entre em pânico. Peça ao agente:
"O fetch para a API do Deezer está sendo bloqueado por CORS. Configure um CORS proxy (como corsproxy.io) para que as requisições funcionem no browser. Explique por que isso acontece."
CORS é uma proteção do browser, não um bug do seu código. Entender isso é parte do aprendizado.
---Validar funcionalidade
Antes de avançar para o deploy, todas as funcionalidades precisam funcionar localmente.
Digite "Beyoncé" na busca do seu site. Artistas aparecem? Clique em um. Álbuns carregam com capas? Clique em um álbum. Tracklist aparece? Se sim, avance.
Capítulo 3
0 de 4 checkpointsComplete todos os checkpoints para desbloquear o próximo capítulo.
Próximo: Publicar →