Lisbon Digital School SprintAI
Aula 5 • Turma maio 2026

Do protótipo local à cloud: Supabase, Antigravity e deploy real

Supabase, Google Antigravity 2, Vercel, GitHub, Gemini 3 Flash

Pagina navegavel com timestamps clicaveis, ferramentas apresentadas e trabalho recomendado para rever a sessao com foco no essencial.

▶ Ver gravacao da aula
O que aprendemos

Resumo da Sessao

Quinta aula da Turma de maio dedicada a tirar o projecto do disco local e colocá-lo em produção. Paulo e Bilal mostram como ligar uma aplicação a uma base de dados real no Supabase, manter o ambiente de desenvolvimento separado da produção e fazer deploy automático via GitHub para a Vercel. Pelo meio, a Google relançou o Antigravity como Antigravity 2 com vista multi-agente, e o novo Gemini 3 Flash demonstrou rapidez impressionante a gerar protótipos completos. A aula termina a lutar com variáveis de ambiente e autenticação, ilustrando bem que o último quilómetro até produção é o mais técnico — e o que mais exige paciência e iteração.
Mapa visual

A aula em imagens

Infografico editorial para rever o mapa geral antes de entrar nos momentos-chave.

Diagrama com quatro etapas ligadas por setas: ambiente local, base de dados Supabase, repositório GitHub e plataforma Vercel em produção, com indicação dos ambientes Dev, Preview e Produção.
Do disco local à cloud: a jornada de deployVisão global da aula 5: levar o protótipo do disco local até produção, passando por Supabase, GitHub e Vercel.
Navegacao temporal

Momentos-Chave

Clique em qualquer momento para saltar diretamente para essa parte da sessao gravada.

▶ 1:28

Porquê Supabase como base de dados do curso

  • Supabase é rápido de arrancar e tem MCP para integrar directamente nos agentes
  • Permite autenticação e registo de dados sem configurar e-mail
  • Assenta sobre Postgres, formato robusto e portável para qualquer escala
  • Aviso: chaves secretas mostradas em aula têm de ser rodadas em produção
▶ 18:54

Google IO: chega o Antigravity 2

  • Google IO lançou várias novidades, incluindo o Antigravity 2 com IDE próprio
  • Vista multi-agente permite ter 4-5 tarefas a correr em simultâneo
  • O Antigravity anterior continua disponível em paralelo com o novo
  • Paulo nota que a comunidade considera o lançamento um catch-up face à concorrência
▶ 25:14

Criar projecto Supabase para desenvolvimento

  • Plano gratuito permite até dois projectos em simultâneo
  • Boa prática: ter um projecto de desenvolvimento separado da produção
  • Escolher região na Europa por questões de latência e RGPD
  • Guardar password da base de dados num ficheiro local seguro, nunca na cloud
  • Copiar URL do projecto e anon/service keys do menu API Settings
Dois cartões lado a lado representando um projecto Supabase de desenvolvimento e outro de produção, ambos com base de dados, marcador Europa e três chaves, com um cadeado entre eles a indicar armazenamento local seguro.
Dois projectos Supabase: desenvolvimento separado de produçãoBoa prática mostrada por Paulo: um projecto Supabase para desenvolvimento e outro para produção, ambos na Europa, com chaves guardadas localmente.
▶ 42:37

PRD do mini-CRM para seguradora

  • Continuação da aula anterior: o formulário passa a escrever no Supabase
  • Módulo 1 — formulário inteligente; Módulo 2 — dashboard com tabela de leads, contador e exportação CSV
  • Módulo 3 — chatbot com FAQ e API do Gemini para o atendimento
  • PRD estruturado dá contexto tanto para humanos como para o agente
▶ 45:47

Dívida técnica acelerada pela IA

  • Em desenvolvimento tradicional acumula-se dívida técnica ao longo de meses
  • Com agentes de IA isso pode acontecer em dias: muitos pedidos sobrepostos baralham o código
  • Por vezes compensa pedir ao agente para refazer do zero com aprendizagem acumulada
  • Pensar antecipadamente em autenticação e permissões evita migrações dolorosas mais tarde
▶ 59:55

Trabalhar com múltiplos agentes em paralelo

  • Antigravity 2 permite correr vários agentes ao mesmo tempo em janelas separadas
  • Boa prática: um agente faz front-end, outro back-end, outro landing page
  • Má prática: dois agentes a mexer nos mesmos ficheiros — gera conflitos garantidos
  • Convém escolher modelos mais baratos (ex. Flash) para tarefas simples e poupar créditos
Grelha de quatro painéis representando quatro agentes a trabalhar em paralelo em front-end, back-end, landing page e blog, ligados a um projecto central, com um aviso lateral a alertar para o risco de dois agentes editarem os mesmos ficheiros.
Antigravity 2: vários agentes em paraleloA nova versão do Antigravity permite correr múltiplos agentes em janelas separadas — um para front-end, outro para back-end, outro para landing page.
▶ 1:09:28

Gemini 3 Flash impressiona em one-shot

  • Bilal pediu um jogo de damas com três temas Disney e recebeu um protótipo funcional em minutos
  • Modelo rápido, barato e capaz de produzir interfaces visualmente cuidadas
  • Inclui modo dois jogadores e jogo contra a máquina com níveis de dificuldade
  • Paulo confirma estar agradavelmente surpreendido com o desempenho do 3 Flash no Antigravity
Composição com um pedido curto à esquerda, uma seta de tempo a indicar minutos ao centro e três tabuleiros de damas estilizados à direita, ilustrando o resultado one-shot obtido com Gemini 3 Flash no Antigravity.
Gemini 3 Flash: protótipo funcional em minutosBilal pediu ao Antigravity, com Gemini 3 Flash, um jogo de damas com três temas Disney — e recebeu um protótipo funcional, rápido e com poucos créditos consumidos.
▶ 1:41:23

Push para GitHub e deploy na Vercel

  • Criar repositório no GitHub directamente a partir do agente
  • Importar repositório na Vercel via New Project
  • O ficheiro .gitignore impede que variáveis sensíveis sejam empurradas para o GitHub
  • Importante: e-mail da conta GitHub e Vercel deve ser o mesmo para evitar bloqueios
▶ 2:01:18

Configurar variáveis de ambiente na Vercel

  • Project Settings → Environment Variables, separar por Production, Preview e Development
  • Copiar Project URL, anon key e service key do Supabase para a Vercel
  • Após criar cada variável é preciso novo deploy para entrarem em vigor
  • Cuidado a copiar-colar — espaços a mais quebram a ligação ao Supabase
▶ 2:13:51

Falha de segurança: chaves no código

  • O agente avisou Paulo que tinha colocado chaves directamente no código — falha grave
  • Chaves anon e service têm propósitos diferentes; só a anon pode ir para o front-end
  • Boa prática: variáveis sempre na Vercel, nunca commitadas no GitHub
  • Bilal reforça pedir uma auditoria de segurança ao agente antes de publicar
Painel com três colunas — Production, Preview e Development — cada uma com três variáveis representadas, ladeado por uma pasta de código com sinal de proibição e um escudo de auditoria, e uma nota a lembrar que cada alteração exige novo deploy.
Variáveis de ambiente na Vercel: nunca chaves no códigoProject URL, anon key e service key vivem em Project Settings → Environment Variables, separadas por Production, Preview e Development — e nunca no repositório.
Toolkit

Ferramentas Essenciais

As plataformas e ferramentas mencionadas ou usadas no fluxo pratico da aula.

Google Antigravity logo

Google Antigravity

IDE principal da aula, agora na versão 2 lançada na Google IO. Permite trabalhar com vários agentes em paralelo e foi usado por Paulo para construir o CRM, a landing page e o blog do projecto da seguradora.

Abrir ferramenta
Supabase logo

Supabase

Base de dados Postgres como serviço, usada para guardar leads e suportar autenticação real do CRM. A turma criou um projecto na região da Europa e extraiu Project URL, anon key e service key para ligar à aplicação.

Abrir ferramenta
Vercel logo

Vercel

Plataforma onde o projecto foi publicado após o push para o GitHub. Paulo demonstrou como ligar o repositório, configurar variáveis de ambiente em Production e monitorizar deployments na lista de builds.

Abrir ferramenta
GitHub logo

GitHub

Repositório intermédio entre o código local e a Vercel. O agente cria o repositório, faz o push automático e o .gitignore garante que variáveis sensíveis nunca saem do disco local.

Abrir ferramenta
Proximos passos

Trabalhos de Casa

Tarefas praticas para transformar a sessao em progresso real antes da proxima aula.

Ligar o vosso projecto a uma base de dados Supabase

Criar um projecto Supabase de desenvolvimento, extrair as chaves e ligar o formulário/CRM em vez de gravar dados localmente.

Todos os formandosAntes da próxima aula
Fazer deploy do projecto na Vercel a partir do GitHub

Empurrar o código para o GitHub, importar o repositório na Vercel e configurar manualmente as variáveis de ambiente em Production.

Todos os formandosAntes da próxima aula
Testar o Gemini 3 Flash com um protótipo criativo

Desafio de Bilal: pedir ao Antigravity para criar um jogo de damas (ou outro mini-projecto) com um tema à escolha, usando o modelo Flash para medir velocidade e consumo de créditos.

Todos os formandosDurante a semana
Enviar feedback sobre o Guia Interativo das aulas

Reportar em mensagem privada aos formadores qualquer falha ou sugestão para o guia interativo, ajudando a melhorar o material da turma.

Todos os formandosQuando detectarem erros ou melhorias

Lisbon Digital School • SprintAI • Vibe Coding • Turma maio 2026

Lisbon Digital School — entidade formadora certificada pela DGERT, dedicada a capacitacao digital e formacao profissional em marketing digital, inteligencia artificial e inovacao.

SprintAI — parceiro de execucao AI-first para prototipos, automacoes e produtos digitais com IA.

Formadores: Paulo Gaudêncio e Bilal Machraa

Programa pratico para criar aplicacoes, sites e automacoes usando inteligencia artificial, combinando estrategia de negocio com execucao tecnica.

Continuar a aprender ← Todas as aulas