Lovable: Deploy com Domínio Próprio e Configuração de Produção

Seu app está funcionando no Lovable — e agora? Publicar com uma URL profissional e garantir que tudo funciona em produção é o próximo passo crítico.

Opções de deploy do Lovable

1. URL do Lovable (gratuito)

Todo projeto tem automaticamente uma URL no formato seu-projeto.lovable.app. Funciona bem para demos e testes, mas não para produtos reais.

2. Domínio customizado (plano Pro)

Conecte seu próprio domínio direto pelo painel do Lovable — sem configuração de servidor.

3. Export para GitHub + Vercel/Netlify

Exporte o código para GitHub e faça deploy na plataforma que preferir. Dá mais controle sobre o pipeline.

Configurando domínio customizado no Lovable

1. Acesse as Settings do seu projeto
2. Clique em Custom Domain
3. Digite seu domínio (ex: meuapp.com.br)
4. Copie o CNAME fornecido pelo Lovable
5. No painel do seu registrador de domínio (GoDaddy, Registro.br, Cloudflare), adicione o CNAME:

- Host: @ ou www

- Aponta para: o CNAME do Lovable

1. Aguarde a propagação DNS (5-60 minutos)

O Lovable configura o SSL automaticamente.

Export para GitHub

Para mais controle, exporte o código:

1. Clique em GitHub no menu superior
2. Autorize o Lovable a acessar sua conta GitHub
3. Selecione Create new repository ou conecte a um existente
4. O código é commitado automaticamente a cada alteração

Agora você tem o código fonte completo e pode deployar onde quiser.

Deploy na Vercel (após export para GitHub)

1. Acesse vercel.com e importe o repositório
2. Selecione framework: Vite (o Lovable usa Vite)
3. Configure as variáveis de ambiente:

- VITE_SUPABASE_URL: URL do seu projeto Supabase

- VITE_SUPABASE_ANON_KEY: chave anon do Supabase

1. Clique em Deploy

A Vercel vai construir e deployar automaticamente a cada push no GitHub.

Variáveis de ambiente de produção

Se seu app usa APIs externas, você precisa configurar as chaves de produção separadas das de desenvolvimento:

No Lovable (development): Configure em Settings → Environment Variables

Na Vercel (production): Configure em Project Settings → Environment Variables

Nunca comite chaves de API no código — use sempre variáveis de ambiente.

Checklist pré-produção

• [ ] RLS configurado em todas as tabelas do Supabase
• [ ] Confirmação de e-mail ativada no Supabase Auth
• [ ] Variáveis de ambiente configuradas no ambiente de produção
• [ ] App testado em mobile
• [ ] Domínio com SSL ativo
• [ ] Supabase em modo de produção (não mais Development)
• [ ] Rate limits configurados nas Edge Functions (se usar)

Monitoramento básico

O Supabase oferece logs gratuitos. Monitore:

• Erros de autenticação
• Queries lentas
• Erros de RLS (acesso negado inesperado)

Com esse setup, seu app do Lovable está rodando como um produto profissional de verdade.