Lovable com Cloudflare: como configurar domínio, DNS e SSL sem erro

Aprenda a conectar um domínio da Lovable pela Cloudflare usando o fluxo correto de CNAME, proxy, DNS e SSL, com troubleshooting prático.

Por Guilherme Carvalho - LovAcademyAtualizado em 09 de outubro de 20269 min de leitura
Lovable com Cloudflare: como configurar domínio, DNS e SSL sem erro

Se você pesquisou por Lovable Cloudflare porque o domínio ficou preso em Verifying, o SSL não foi emitido ou o site passou a abrir uma versão errada, este guia mostra o caminho mais seguro. A oportunidade faz sentido porque o Search Console da LovAcademy já mostra tração para buscas como dns lovable e dominio lovable, enquanto o blog já cobre conexão básica, Hostinger e troubleshooting geral. Aqui o foco é a dúvida secundária de usar a Cloudflare como CDN ou reverse proxy sem canibalizar esses guias.

Quando faz sentido usar Cloudflare com Lovable

Para a maioria dos projetos, conectar o domínio diretamente na Lovable é o caminho mais simples. A Cloudflare entra quando você quer uma camada adicional de CDN, regras de cache, WAF, proteção contra bots, redirects avançados ou uma arquitetura em que o tráfego passa primeiro por um proxy. A documentação oficial da Lovable confirma suporte a Cloudflare, CloudFront e Fastly nesse cenário avançado.

Passo a passo: conectar Lovable e Cloudflare

1. Publique o projeto na Lovable

Abra o projeto e publique uma versão funcional antes de validar o domínio. A Lovable permite configurar domínio em outros momentos, mas o endereço personalizado só começa a servir o conteúdo do projeto quando ele está publicado. Se você ainda está nessa etapa, veja também o guia Como conectar domínio na Lovable com DNS e Registro.br.

2. Abra as configurações de domínio

No projeto, entre em Settings → Domains e escolha a opção para conectar um domínio existente. Informe o domínio ou subdomínio que será usado, por exemplo app.seudominio.com.br. Para domínios comprados fora da Lovable, o www não é adicionado automaticamente; se quiser usar as duas versões, trate cada host conforme a configuração mostrada pela plataforma.

3. Ative o modo Cloudflare ou reverse proxy

Expanda a área Advanced e ative a opção equivalente a Domain uses Cloudflare or a similar proxy. Esse detalhe muda o tipo de registro esperado pela Lovable. Quando o modo está ativo, a plataforma informa um CNAME para apontamento no seu provedor DNS.

4. Crie o CNAME na Cloudflare exatamente como informado

No painel DNS da Cloudflare, crie o CNAME usando o host e o destino fornecidos pela Lovable. Evite inventar valores, copiar IPs de tutoriais antigos ou reaproveitar registros de outro projeto. O destino correto é o que a Lovable exibe para aquele domínio e aquele projeto.

  • Confira se o nome do host corresponde exatamente ao domínio ou subdomínio escolhido.
  • Remova registros conflitantes no mesmo host antes da validação.
  • Não mantenha um AAAA antigo se ele estiver roteando o tráfego para outro destino.
  • Espere a propagação antes de concluir que o SSL ou a verificação falharam.

5. Aguarde o domínio ficar Live

Depois de salvar o DNS, volte à Lovable e acompanhe o status. A documentação explica que alterações DNS podem levar até 72 horas para propagar, embora normalmente sejam concluídas em poucas horas. O fluxo passa por verificação do domínio e emissão do certificado SSL antes de ficar Live.

Cloudflare Proxy laranja ou DNS only?

O ponto principal é seguir o modo que você escolheu dentro da Lovable. No fluxo avançado de Cloudflare/reverse proxy, a Lovable já considera que existe uma camada intermediária e fornece o CNAME adequado. Já no processo de verificação DNS tradicional, a própria documentação recomenda não ativar proxy sobre o registro A enquanto a verificação está em andamento, porque isso pode impedir a validação e a emissão do SSL.

Erros comuns e como corrigir

Domínio preso em Verifying

Primeiro confira se o registro exibido na Lovable está realmente publicado no DNS autoritativo do domínio. Depois verifique se não há um registro antigo conflitante, se o host está correto e se você escolheu o mesmo modo de conexão usado no painel da Lovable. Se o caso for uma conexão tradicional e você ativou proxy cedo demais, deixe o registro em DNS only durante a verificação. Para um diagnóstico mais amplo, consulte Domínio da Lovable não funciona? Como corrigir DNS e SSL.

SSL não é emitido

O certificado é provisionado pela Lovable quando a propriedade do domínio e o roteamento estão corretos. Se o status avançou da verificação mas terminou em Failed, use a opção de retry indicada pela plataforma. Antes disso, revise CNAME, registros duplicados, proxy e propagação DNS. Evite criar certificados paralelos ou trocar vários registros ao mesmo tempo, porque isso dificulta identificar a causa real.

O domínio abre outro site ou uma versão antiga

A documentação da Lovable destaca registros AAAA como uma causa possível de tráfego indo para o destino errado. Também vale revisar regras de cache e redirects existentes na Cloudflare. Se você mudou recentemente de hospedagem, um registro antigo ou uma regra de proxy pode continuar atendendo parte dos visitantes mesmo quando o CNAME principal já está correto.

O root domain funciona, mas www não

Quando o domínio foi comprado fora da Lovable, a versão www não é adicionada automaticamente. Adicione e configure o host separadamente se quiser que root e www funcionem. Depois, quando os domínios estiverem Live, defina o principal conforme a sua estratégia e deixe a Lovable redirecionar os demais para ele quando aplicável.

Checklist antes de colocar em produção

  1. Confirme que o projeto está publicado.
  2. Confirme que o domínio correto foi adicionado em Settings → Domains.
  3. Escolha conscientemente entre conexão DNS tradicional e modo Cloudflare/reverse proxy.
  4. Use somente os registros fornecidos pela Lovable para aquele fluxo.
  5. Remova conflitos A, CNAME ou AAAA no mesmo host.
  6. Espere o status ficar Live e confirme HTTPS.
  7. Teste domínio raiz, www e subdomínios usados pelo app.
  8. Rode novamente a revisão de SEO depois de conectar o domínio.

Fontes oficiais da Lovable

A base técnica deste guia é a documentação oficial Set up a custom domain, que detalha os fluxos de DNS, CNAME, Cloudflare/reverse proxy, propagação e troubleshooting, e a documentação Publish your Lovable project, que explica publicação, domínio customizado, metadata e revisão de SEO após a conexão.

Próximo passo

Se você ainda não criou o projeto que vai publicar no domínio, pode testar a Lovable por este link. Se o seu problema está especificamente na Hostinger, use o guia Como conectar domínio da Hostinger na Lovable, porque ele trata os detalhes daquele provedor sem misturar o fluxo avançado da Cloudflare.

Perguntas frequentes

Posso usar Cloudflare com Lovable?
Sim. A documentação oficial da Lovable prevê o uso atrás de Cloudflare ou outro CDN/reverse proxy. Ative a opção avançada correspondente e use o CNAME fornecido pela plataforma.
Preciso usar CNAME ou registro A?
Depende do fluxo selecionado. No modo avançado Cloudflare/reverse proxy, a Lovable fornece CNAME. Na conexão tradicional de domínio externo, ela pode solicitar registros A e TXT para verificação.
Quanto tempo demora para o domínio ficar Live?
Mudanças DNS podem levar até 72 horas para propagar, embora normalmente sejam concluídas em poucas horas. O domínio só fica Live depois da verificação e da emissão do SSL.
Registro AAAA pode atrapalhar a Lovable?
Sim. A documentação alerta que um AAAA pode interferir no roteamento e fazer o domínio abrir o destino errado. Remova registros conflitantes quando a Lovable indicar essa necessidade.
Devo deixar a nuvem laranja da Cloudflare ativa durante a verificação?
No fluxo DNS tradicional, não ative proxy no registro A enquanto a Lovable ainda estiver verificando o domínio. No fluxo avançado específico para Cloudflare/reverse proxy, siga o CNAME e as instruções fornecidas pela própria Lovable.
Preciso configurar www separadamente?
Para domínios comprados fora da Lovable, sim: o www não é adicionado automaticamente. Configure-o separadamente se quiser oferecer as duas versões.

Receba os novos artigos por e-mail

Continue lendo

Lovable - Como definir o domínio principal na Lovable e configurar o www corretamente
Deploy e Infraestrutura

Como definir o domínio principal na Lovable e configurar o www corretamente

Aprenda a definir o domínio principal na Lovable, conectar a versão www e evitar URLs concorrentes, DNS duplicado e redirecionamentos inesperados.

8 min de leitura
Lovable - Lovable Workspace Insights: como acompanhar adoção e uso dos seus apps
Novidades da Lovable

Lovable Workspace Insights: como acompanhar adoção e uso dos seus apps

O Workspace Insights da Lovable mostra visitas aos apps publicados, apps e builders ativos, conexões adicionadas e os projetos mais usados do workspace em uma visão de 30 dias.

8 min de leitura
Lovable - Como usar subdomínio na Lovable sem mexer no domínio principal
Deploy e Infraestrutura

Como usar subdomínio na Lovable sem mexer no domínio principal

Aprenda a conectar um subdomínio à Lovable sem alterar o site que já funciona no domínio principal, com DNS, SSL e troubleshooting prático.

7 min de leitura