Voce anota horario de cliente no caderno, no WhatsApp e as vezes na memoria. Ai marca dois clientes no mesmo horario, esquece de confirmar um atendimento e perde dinheiro. Voce ja pesquisou app de agenda pronto, mas ou custa mensalidade que nao cabe, ou tem 300 funcoes que voce nunca vai usar, ou nao aceita o jeito que o seu negocio funciona.
Este tutorial mostra como usar Lovable para montar um app de agenda de clientes de verdade, do primeiro prompt ate o link funcionando no celular. Lovable e uma plataforma de vibe coding (voce descreve em portugues o que quer e a IA escreve o codigo). Nao e magica e tem limite claro, e vou ser honesto sobre onde ela trava. Mas para um app interno simples, da para sair do zero em um fim de semana sem escrever uma linha de codigo.
Antes de abrir o Lovable: decida o que o app faz em uma frase
O erro numero um de quem comeca e pedir "um sistema de gestao completo". A IA entrega uma casca bonita com dez telas vazias e voce nunca termina. Escreva uma frase so, com sujeito e verbo:
"Um app onde eu cadastro clientes, marco horarios na agenda e vejo os atendimentos do dia."
Depois liste, em papel mesmo, os dados que precisam ser guardados. No nosso caso:
- Cliente: nome, telefone, observacao
- Agendamento: cliente, data, hora, servico, status (marcado, atendido, faltou)
Isso e o seu modelo de dados. Se voce entrega essa lista pronta no prompt, o Lovable acerta a estrutura na primeira tentativa. Se voce nao entrega, ele inventa uma estrutura e voce vai brigar com ela pelas proximas duas horas.
Passo 1: o prompt inicial (o mais importante de todos)
Ao criar um projeto novo, o Lovable pede uma descricao. Nao escreva uma linha. Escreva um briefing. Este e o prompt que eu usaria:
"Crie um app web de agenda para um profissional autonomo, em portugues do Brasil. Telas: (1) Hoje, com a lista dos atendimentos do dia atual, ordenados por hora, mostrando nome do cliente, servico e status; (2) Agenda, com um calendario mensal simples onde clicar num dia mostra os horarios daquele dia e um botao Novo agendamento; (3) Clientes, com busca por nome e telefone, e formulario de cadastro. Modelo de dados: clientes (nome, telefone, observacao) e agendamentos (cliente, data, hora, servico, status: marcado/atendido/faltou). Visual limpo, tons neutros, feito para usar no celular. Sem login por enquanto."
Repare em tres coisas: eu dei as telas, dei os campos e dei o publico (celular). Deixei o login para depois de proposito, porque cada camada nova que voce empilha no primeiro prompt aumenta a chance de a IA errar tudo junto.
Ponto de decisao: aceitar ou refazer a primeira versao
O Lovable vai gerar a primeira versao em alguns minutos e mostrar um preview ao lado do chat. Olhe so duas coisas: as telas que voce pediu existem? e os campos estao certos? Ignore cor, fonte e espacamento agora. Se as telas ou os campos estiverem errados, e mais barato apagar o projeto e reescrever o prompt do que ficar corrigindo por conversa. Refazer custa cinco minutos; consertar uma estrutura errada custa a tarde.
Passo 2: ligar o banco de dados para os dados nao sumirem
Aqui esta a pegadinha que derruba a maioria dos iniciantes. Na primeira versao, o Lovable normalmente cria os dados so na memoria do navegador. Voce cadastra tres clientes, fecha a aba, volta e nao tem nada. Isso nao e bug, e o estado inicial.
Para os dados persistirem, o app precisa de um banco de dados (um lugar no servidor que guarda a informacao de verdade). O Lovable se integra com o Supabase, que e um servico de banco de dados com plano gratuito. No painel do projeto existe a opcao de conectar o Supabase; voce cria a conta, autoriza e volta.
Com a integracao ativa, peca no chat:
"Conecte o app ao Supabase. Crie as tabelas clientes e agendamentos com os campos que ja usamos, e faca todas as telas lerem e gravarem no banco em vez de usar dados de exemplo."
Depois disso, faca o teste que ninguem faz: cadastre um cliente, feche o navegador inteiro, abra de novo. Se o cliente estiver la, seu app existe. Se nao estiver, avise no chat exatamente isso: "cadastrei um cliente, recarreguei a pagina e ele sumiu".
Passo 3: adicionar login antes de colocar cliente real
Enquanto o app for so seu, sem login, qualquer pessoa com o link ve nome e telefone dos seus clientes. Isso e um problema real de LGPD, nao um detalhe tecnico. Peca:
"Adicione autenticacao por e-mail e senha usando o Supabase Auth. Ninguem deve ver clientes ou agendamentos sem estar logado. Ative RLS nas tabelas para cada usuario acessar apenas os proprios registros."
RLS (Row Level Security, ou seguranca no nivel da linha) e a regra do banco que impede um usuario de ler as linhas de outro. Sem ela, mesmo com tela de login, alguem com conhecimento tecnico pode puxar a tabela inteira pela API. O proprio Lovable costuma avisar quando uma tabela esta exposta, e esse aviso nao e decorativo: leia e resolva.
Agora vem a parte que parece lenta mas e a mais rapida. Nunca peca cinco mudancas no mesmo prompt. Peca uma, veja o resultado, peca a proxima. Sequencia que funciona bem para a agenda:
- "Na tela Hoje, se nao houver atendimento, mostre uma mensagem e um botao Novo agendamento."
- "No formulario de agendamento, o campo cliente deve ser uma busca pelos clientes ja cadastrados, com opcao de cadastrar um novo ali mesmo."
- "Impeca salvar dois agendamentos com a mesma data e hora, mostrando um aviso."
- "Adicione um botao de WhatsApp em cada agendamento que abra a conversa com o telefone do cliente e uma mensagem de confirmacao ja escrita."
- "Na tela Clientes, mostre a data do ultimo atendimento de cada pessoa."
Sempre que algo quebrar, descreva o comportamento, nao a solucao. "Cliquei em salvar e a tela ficou branca" ajuda mais que "acho que tem erro no codigo do formulario". E use os pontos de restauracao: o Lovable guarda o historico de versoes, e voltar para a versao anterior e melhor do que insistir em cima de um app quebrado.
Passo 5: publicar e testar no celular de verdade
O botao de publicar coloca o app no ar em um endereco do proprio Lovable, algo como seuapp.lovable.app. Da para conectar um dominio proprio nos planos pagos. Publique e abra no seu celular, nao no preview do computador.
Checklist do primeiro teste real, com o app na mao:
- Consigo cadastrar um cliente e agendar em menos de 30 segundos?
- Os botoes sao clicaveis com o dedo ou estao pequenos demais?
- Se eu perder o sinal no meio, o app da erro claro ou trava sem explicacao?
- Fechei e reabri: os dados continuam la?
Use o app na semana seguinte com clientes reais antes de adicionar qualquer coisa nova. Metade das funcoes que voce ia pedir some da lista depois de tres dias de uso de verdade.
Onde o Lovable trava de verdade
Ser honesto aqui e o que separa um projeto que da certo de uma frustracao cara:
| Situacao | O que esperar |
|---|
| App interno simples (agenda, cadastro, checklist) | Funciona bem, e o ponto forte da ferramenta |
| Regras de negocio complicadas (comissao, estoque, fiscal) | A IA acerta a tela e erra a regra; exige revisao tecnica |
| Integracao com pagamento, nota fiscal ou ERP | Possivel, mas e onde erros custam dinheiro real |
| App crescendo alem de 15 ou 20 telas | A IA comeca a quebrar o que ja funcionava ao mexer em outra parte |
| Desempenho com muitos registros | Raramente otimizado sozinho; precisa de ajuste manual |
Sobre custo: o Lovable trabalha com creditos ou mensagens por mes e tem um plano gratuito limitado. Os planos pagos normalmente ficam na faixa de algumas dezenas de dolares por mes, e o valor varia conforme o plano e o cambio, entao confira no site antes de assumir compromisso. O gasto real depende de quantas vezes voce refaz cada pedido: prompt vago queima credito rapido.
O que fazer quando o app cresce
Chega um momento em que cada nova funcao quebra duas antigas. E o sinal de que o projeto passou do ponto de "app de fim de semana". Suas opcoes: exportar o codigo para o GitHub e chamar um desenvolvedor para continuar, congelar o app como esta e viver com ele, ou reconstruir com arquitetura pensada desde o inicio. Nenhuma dessas e derrota. O app do fim de semana ja pagou por si mesmo se voce descobriu, sem gastar com desenvolvimento, exatamente do que o seu negocio precisa.
Montou sua agenda no Lovable e agora ela precisa aguentar cliente de verdade, integracao e crescimento? A WEEBs desenvolve apps e sistemas sob medida e tambem faz mentoria para quem quer continuar construindo com IA sem escorregar em seguranca. Se fizer sentido, nos conte o que voce ja construiu e avaliamos o proximo passo junto.