Add Cloudflare Custom Domain to Vercel

README.md

Add Cloudflare custom domain to Vercel

1. Sign up and sign in to Cloudflare https://dash.cloudflare.com/sign-up.

2. In your Cloudflare dashboard, select the Domain Registration > Register Domains tab.

3. Search for your favorite domain and purchase it. In my case, I purchased the domain https://nivethan.me/ for my portfolio.

4. Sign in to Vercel and go to your dashboard, where you can see all your projects in the Overview tab.

5. Click on a project and on the top right, select Domains.

6. Type your domain in the text box, e.g., nivethan.me, and click Add.

7. Select the recommended option: Add www.nivethan.me and redirect nivethan.me to it.

8. Vercel will show an invalid configuration under your domains and display the relevant A record IP under nivethan.me and a CNAME IP under www.nivethan.me. These need to be set up on Cloudflare to make it work.

9. Go to the Cloudflare dashboard and select Domain Registration > Manage Domains tab.

10. Your domain will be listed in a table. Select Manage.

11. Look for Update DNS configuration under the quick actions.

12. Add an A record (turn off proxy):

    Type	Name(required)	IPv4 address(required)	Proxy status
    A	@	89.28.116	off

13. Add a CNAME record (turn off proxy):

    Type	Name(required)	IPv4 address(required)	Proxy status
    CNAME	www	cname.vercel-dns.com	off

14. You're done! Visit your domain, and you should now see your project live and accessible.

---

Releated Documentation Links

Using Cloudflare as your DNS provider

thanks for this, btw why proxy status off?

thanks for this, btw why proxy status off?

This ensures DNS queries result in Vercel serving the request instead of Cloudflare.

https://vercel.com/docs/integrations/external-platforms/cloudflare#disable-the-cloudflare-proxy

you miss ns2.vercel-dns.com setting in cf?

you miss ns2.vercel-dns.com setting in cf?

In Cloudflare i only added a A record and a CNAME record. thats it.

Check the docs for more clarity
https://vercel.com/docs/integrations/external-platforms/cloudflare#using-cloudflare-as-your-dns-provider

Thanks, bro ❤️

Thanks, what do i do if i'm getting a "too many redirects" when i try accessing my domain after I followed the instructions?

Thanks, what do i do if i'm getting a "too many redirects" when i try accessing my domain after I followed the instructions?

Faced this issue,
FIxed it by updating SSL/TLS in cloudflare from flexible to FULL or higher

https://developers.cloudflare.com/ssl/troubleshooting/too-many-redirects/#:~:text=After%20you%20add%20a%20new,stuck%20in%20a%20redirect%20loop.&text=This%20error%20is%20commonly%20caused,your%20SSL%2FTLS%20Encryption%20mode

credit : https://community.cloudflare.com/t/cannot-open-domain-with-vercel-app/648089/6

thanks~