Parte 2 · Construir 15min
05 Faça o app guardar os dados
O formulário envia, mas nada é guardado. Nesta aula conectamos o banco de dados do Lovable e o lead passa a existir de verdade. É aqui que a diferença entre front e backend fica clara.
O que acontece
- Preenchemos o formulário e vemos a mensagem de agradecimento. Abrimos o painel: não há nada. O lead se perdeu porque não havia onde guardá-lo.
- Explicamos a diferença: o front é o que a pessoa vê; o backend é o que o sistema lembra.
- Pedimos ao Lovable que conecte o banco de dados usando o schema. Ele ativa o Lovable Cloud.
- Preenchemos de novo e o lead aparece. Abrimos o banco em More → Cloud → Database e mostramos o registro na tabela.
Na tela
O formulário, o painel vazio, o chat, o Cloud sendo ativado e a tabela com o lead.
Do Lovable
O Lovable Cloud: banco de dados, login e arquivos dentro do próprio Lovable. Por baixo ele usa o Supabase, mas você não precisa abrir o Supabase nem criar conta lá.
Você sai com
O formulário salvando de verdade. O lead e as respostas existem no banco de dados.
Os prompts e documentos desta aula serão adicionados aqui quando ela for gravada.