I have a website hosted by Vercel while my domain registrar was Cloudflare. The question now is how to setup Cloudflare to use them together.
Follow the next steps to use Vercel as host for your website while having Cloudflare as your domain registrar.
<ol>
<li>Navigate to the DNS records of your domain in Cloudflare.</li>
<li>Remove the A records that have <code>www</code> as their name.</li>
<li>Add an A record with <code>@</code> as Name, <code>76.76.21.21</code> as IPv4 address and keep the proxy status enabled.</li>
<li>Add a CNAME record with <code>www</code> as Name, <code>cname.vercel-dns.com</code> as Target and keep the proxy status enabled.</li>
<li>Navigate to the SSL/TLS settings of the domain.</li>
<li>Configure the settings and set the encryption mode to <code>Full</code>.</li>
</ol>
You may have to wait a few minutes and then the changes should be working.
<hr>
Sources:
<ul>
<li><a href="https://vercel.com/docs/integrations/external-platforms/cloudflare">https://vercel.com/docs/integrations/external-platforms/cloudflare</a></li>
<li><a href="https://developers.cloudflare.com/dns/manage-dns-records/troubleshooting/records-with-same-name/">https://developers.cloudflare.com/dns/manage-dns-records/troubleshooting/records-with-same-name/</a></li>
<li><a href="https://gist.github.com/nivethan-me/a56f18b3ffbad04bf5f35085972ceb4d">https://gist.github.com/nivethan-me/a56f18b3ffbad04bf5f35085972ceb4d</a></li>
</ul>

I have a website hosted by Vercel while my domain registrar was Cloudflare. The question now is how to setup Cloudflare to use them together.

How to use Vercel as host for my website with a domain from Cloudflare?