Skip to content
Every tutorial here is 100% free — and always will be
LSLovableStudent

How do I connect a Cloudflare domain to Lovable?

Last checked 31 Aug 2026

Short answer

Add the DNS records Lovable gives you in Cloudflare's DNS panel, and set the proxy status to 'DNS only' (grey cloud) rather than proxied (orange cloud) so Lovable can verify and serve the domain correctly.

Steps

  1. In Lovable, go to Project settings → Domains and add your domain to get the required records (typically an A record and/or CNAME).
  2. Log in to Cloudflare and open your domain's DNS settings.
  3. Add the records exactly as Lovable specifies.
  4. Set each new record's proxy status to DNS only (grey cloud icon), not Proxied (orange cloud).
  5. Save, then return to Lovable and wait for verification.

Show me the DNS records to add in Cloudflare to connect mydomain.com to this project.

Why "DNS only" matters

Cloudflare's orange-cloud proxying routes traffic through Cloudflare's own servers first, which can interfere with the SSL certificate issuance and domain verification Lovable performs. Keeping the record as DNS-only (grey cloud) lets traffic go straight to Lovable's infrastructure, which is what verification expects.

What usually goes wrong

  • Leaving records proxied (orange cloud), causing verification to fail or SSL errors after it appears connected.
  • Cloudflare's "flattened" CNAME at the root domain behaving differently from a plain CNAME elsewhere — if the apex record doesn't behave as expected, try the exact record type Lovable specifies for root domains (often an A record).
  • Existing conflicting records (like a placeholder A record) left in place alongside the new one.

If it still won't connect

Double-check every record matches exactly (no typos, correct TTL isn't usually the issue) and see why-isn-t-my-custom-domain-connecting for further troubleshooting.

Sources

Was this answer helpful?

Related questions

Website made, maintained and hosted by PromptSites.com

PromptSites logo