This post shows how to connect a domain name registered with Cloudflare to a website hosted on Netlify.

I assume the site is already deployed to Netlify, under a default Netlify domain name.

1. Register the domain name

Log into Cloudflare. Under Domain Registration, click on Register Domains, in the left sidebar.

Enter the desired domain name into the search box, and proceed with registration and payment.

2. Update Netlify settings

In the Netlify Site settings, under Domain management, add the new registered domain.

3. Update the DNS settings on Cloudflare

In the Cloudflare dashboard, click on the domain name and then DNS in the sidebar.

Add two DNS records: one for the apex domain cesareferrari.dev, and one for www. The DNS records are of type CNAME, and they both point to apex-loadbalancer.netlify.com

The records should look similar to these:

CNAME   cesareferrari.dev   apex-loadbalancer.netlify.com   Proxied   Auto
CNAME   www                 apex-loadbalancer.netlify.com   Proxied   Auto

After propagation, the site should load at the correct domain.