Using Cloudflare DNS for my Netlify Gatsby site

I have been working on this sideproject for awhile, and because I need to Cache Static content with CloudFlare, I have to point the DNS to Cloudflare instead of netlify.

Once I added my site in Cloudflare under the DNS section, Cloudflare will provide a name server

Cloudflare nameservers
To use Cloudflare, ensure your authoritative DNS servers, or nameservers have been changed. These are your assigned Cloudflare nameservers.

In my domain provder (namecheap.com) I just have to change the nameserver to the Cloudflare nameserver.

Then in Cloduflare DNS section I can just Add a new CNAME record with my netlify subdomain.

Netlify subdomain can be located in Netlify-> Domain Management -> Custom Domain

CNAME @  xyz-abc.netlify.com

Make sure to disable Cloudflare’s CDN by clicking the orange cloud.

Cloduflare allow CNAME flattening.

If you find my tips are useful, please support my work :)