Voltar para o Blog
Vibe Coding23 / 40
  1. 01O que é vibe coding (e o que não é)
  2. 02De escrever código a dirigir a intenção
  3. 03O ciclo: contexto → plano → geração → revisão
  4. 04O arsenal: visão geral do nosso stack de IA
  5. 05Quando não usar vibe coding
  6. 06Da ideia ao protótipo em horas
  7. 07Claude para brainstorm de produto e PRD
  8. 08Claude Artifacts para mockups instantâneos
  9. 09Lovable: do prompt ao app funcional
  10. 10Google AI Studio: prototipando com Gemini
  11. 11Lovable × Claude × Google Studio: quando usar cada um
  12. 12Claude Code: o par de programação que conhece o monorepo
  13. 13Anatomia de um bom prompt de engenharia
  14. 14Plan mode: planejar antes de gerar
  15. 15Skills e slash commands (/investigate, /review, /ship)
  16. 16Refactors e migrations em massa
  17. 17Debugging com IA: do stack trace à causa raiz
  18. 18Supabase: a espinha dorsal de dados
  19. 19Modelagem com Drizzle ORM
  20. 20RLS na prática: a regra que não tem exceção
  21. 21Migrations SQL à mão e o drift DB↔Drizzle
  22. 22Auth com Google OAuth no Supabase
  23. 23Realtime, Storage e o resto do Supabase
  24. 24Trigger.dev: o piloto automático
  25. 25Seu primeiro job agendado
  26. 26Workflows com retry e observabilidade
  27. 27IA em background: resumos e narrativas
  28. 28Deploy do Trigger.dev e as pegadinhas
  29. 29Evolution API: WhatsApp como canal de produto
  30. 30Instância por usuário e gestão centralizada
  31. 31IA gerando resumos de conversa
  32. 32Boas práticas e armadilhas no WhatsApp
  33. 33Integrando APIs de terceiros com IA
  34. 34Anthropic SDK: Claude dentro do produto
  35. 35Resend: e-mail transacional que chega
  36. 36Google Analytics, Search Console e Ads
  37. 37Rate limit, retry, idempotência e secrets
  38. 38GitHub: CI/CD e AI Code Review como portão de qualidade
  39. 39Deploy no Google Cloud Run
  40. 40A cultura por trás do vibe coding (e o futuro)
Vibe CodingParte 23 de 40

Realtime, Storage e o resto do Supabase

2 min de leitura
Compartilhar
Vibe Coding

Fecha o Módulo 3 olhando além do banco. Supabase é, no fim, uma caixa de ferramentas — e além de Postgres, Auth e API automática, ele entrega peças que evitam a gente reinventar infraestrutura. Este post faz o tour e mostra a mentalidade pra usá-las bem com vibe coding.

O que mais vem na caixa

  • Realtime — escutar mudanças no banco e refletir na UI sem ficar dando refresh. Útil pra tela que precisa "viver" (um painel que atualiza sozinho).
  • Storage — guardar arquivos (imagens, anexos) com controle de acesso. Ex.: a capa de um post (cover_image_url) ou anexos de atendimento.
  • Edge Functions / API automática — endpoints sobre os dados sem montar servidor.

A regra de ouro continua valendo

Toda peça nova do Supabase passa pelo mesmo crivo:

  1. Segurança primeiro. Storage também tem política de acesso — bucket aberto é o "RLS esquecido" da camada de arquivos. Realtime respeita RLS: você só recebe evento do que pode ver. Configure isso conscientemente.
  2. Cheque antes de criar. Bucket, canal, função — veja o que já existe antes de duplicar.
  3. Não é porque existe que a gente usa. A pergunta é sempre "isso resolve uma etapa real?", não "que legal, vamos usar Realtime".

Como vibe coding entra aqui

A IA é ótima pra plugar essas peças (configurar um subscribe de Realtime, um upload pro Storage) seguindo o padrão. O que continua seu:

  • Decidir se vale a pena (Realtime tem custo de complexidade; nem toda tela precisa).
  • Garantir a política de acesso de cada peça.
  • Não cair na tentação de usar feature por novidade.

A escolha "antes de construir, veja se já existe"

Vale uma menção ao ecossistema mais amplo: hoje muita coisa que a gente construiria à mão já existe como produto gerenciado (no Supabase, na Vercel, em terceiros). Vibe coding maduro é também saber não construir o que já vem pronto e seguro — e gastar a energia no que é realmente do ClubPetro.

Fechando o módulo de dados

Você viu a espinha dorsal (#18), a modelagem tipada (#19), a segurança inegociável (#20), a verdade das migrations (#21), o auth (#22) e agora o resto da caixa. Com dados sob controle, o próximo passo é fazer o trabalho rodar sozinho.

⚠️ Armadilha #23: abrir um bucket de Storage "público só pra testar" e esquecer aberto. É o mesmo vazamento do RLS esquecido, só que com arquivos. Toda peça do Supabase nasce com acesso definido.

Fim do Módulo 3 — Supabase. Próximo: Módulo 4 (#24) — Automação com Trigger.dev.

Curtiu como a gente pensa?

É assim que trabalhamos todo dia.

Se esse jeito de pensar é o seu, vem construir com a gente — dá uma olhada nas vagas abertas.

Ver vagas