all notes🪴evergreen·Updated

Configure Cloudflare Domain with Netlify hosted app

Author profile pic
Juri Strumpflohner

In Netlify:

  1. Go to your Netlify dashboard and select your site
  2. Navigate to Site settings → Domain management
  3. Click Add custom domain
  4. Enter your custom domain and click Verify
  5. Netlify will show you the DNS records you need to configure

In Cloudflare:

  1. Log into your Cloudflare dashboard
  2. Select your domain
  3. Go to the DNS tab
  4. Add these DNS records:

For apex domain:

  • Type: A
  • Name: @
  • Content: 75.2.60.5 (Netlify’s load balancer IP)
  • Proxy status: Can be either proxied (orange cloud) or DNS only (gray cloud)

For www subdomain:

  • Type: CNAME
  • Name: www
  • Content: your-site-name.netlify.app
  • Proxy status: DNS only (gray cloud) initially

Back in Netlify:

  1. Once DNS propagates (usually a few minutes to an hour), Netlify should automatically provision an SSL certificate
  2. Enable Force HTTPS in the domain settings
  3. Optionally set up redirects between www and non-www versions in Site settings → Domain management

The site should be accessible at your custom domain within a few hours once DNS propagation completes.