2026-10-10 · 5 min de leitura

Como adicionar banco de dados e login a um app feito com IA

Apps feitos com Lovable, Bolt, v0 ou uma sessão rápida com o Claude muitas vezes parecem prontos e não estão: o que você salva some em outro navegador, o login é decorativo e qualquer visitante poderia ler os dados de todo mundo. O que falta tem nome, um backend, e você não precisa saber construir um para adicionar.

Sinais de que o seu app não tem backend

• Você abre no celular e os seus dados não estão lá.
• O login aceita qualquer senha, ou não existe login.
• O código fala em localStorage ou em um arquivo .db local.
• Tem uma chave de API escrita direto no código.

As três peças, em palavras simples

Um banco de dados

Tabelas em um servidor, como uma planilha em que cada usuário escreve pelo seu app. A Rapibase dá a cada projeto o seu próprio Postgres, o banco de dados open source mais usado.

Login de usuários

Cadastro, login, recuperação de senha e, se você quiser, link mágico ou Google. O backend decide quem é quem; o seu app só mostra o formulário.

Regras de segurança

A peça que todo mundo esquece. A segurança por linha diz ao banco "cada usuário só pode ler e alterar as próprias linhas". Sem ela, um usuário que saiba um pouco de JavaScript lê tudo. Com ela, mesmo que o frontend tenha um erro, o banco recusa.

O prompt

Crie um projeto grátis na Rapibase, conecte o seu agente (o console mostra o comando) e abra o código do seu app com ele. Depois peça:

Este app salva os dados no navegador. Use o meu
projeto da Rapibase como backend:
- crie uma tabela para cada tipo de dado que o app guarda
- adicione cadastro e login com email
- ative a segurança por linha para cada usuário ver só o que é dele
- troque o código de localStorage por chamadas à API da Rapibase
- deixe a chave secreta fora do frontend
Quando terminar, explique o que você criou.

O agente lê o guia da Rapibase antes de mexer em qualquer coisa, então ele sabe como funcionam a API, o login e as regras. Você pode ver as tabelas aparecendo no console enquanto ele trabalha.

Como saber que funcionou

• Crie duas contas. O que uma salva, a outra não pode ver.
• Feche o navegador e abra o app em outro aparelho: os dados continuam lá.
• Peça ao agente para listar as regras de segurança de cada tabela: nenhuma deve ficar aberta.

Fotos e arquivos

Se o app sobe imagens ou documentos, peça um bucket de storage: público para o que qualquer um pode ver (fotos de produtos), privado para o que só o dono pode baixar (notas fiscais). A ideia é a mesma: cada usuário chega só aos próprios arquivos.

E depois, publique

Com o backend pronto, o app pode ir ao ar no mesmo projeto, com o seu próprio domínio. O passo a passo está no guia Como publicar um app feito com Claude Code.