Ahmad Awais
I like to host my domains on Cloudflare. It gives me the ability to changes my servers swiftly in addition to the free CDN, SSL, and security benefits. And before I forget, I love the new Analytics offering they have. Much better than client-side solutions.
Vercel (formerly ZEIT) and Cloudflare don’t necessarily go hands and hands on the topic of setting up domains since both of these offer some features that become redundant. Like the CDN, SSL, etc.
So, for future reference, if I forget, writing this post on how to set up the Vercel (formerly ZEIT) and Cloudflare domain using the following steps:
Ahmad Awaisexample.tld references below with your actual domain name, e.g. ahmadawais.com would be my example.tld.TXT, name is your example.tld, and in the content area paste cname.vercel-dns.comCNAME, the name is your example.tld, and in the target paste cname.vercel-dns.com
→ 
Now go to the SSL/TLS tab and select enable Full (Strict) SSL option*example.tld/.well-known/* and then select a setting SSL and turn it OffSettings and then Domains and add your domain to Vercel as example.tld<domain> in your Vercel’s project settingscurl http://example.tld/.well-known/acme-challenge -I ( Notice that it’s http and not https) in your terminal. It should return HTTP/1.1 404 Not Found … which is the configuration that works best for Vercel. If you run the curl command and get a 3XX redirect instead, then Cloudflare is preventing this route from being accessed. Vercel will mark the domain as not configuredexample.tld/.well-known/*SSL/TLS and then Edge Certificates tab and it may affect your page rules. Go ahead and disable this one. I had to do it when I moved from A settings of Netlify to CNAME settings on VercelThat’s about it. Vercel (formerly ZEIT) will start processing the SSL certificate for you. For this setup, you’ll keep using your nameservers for Cloudflare and don’t even have to worry about setting up ANAME or whatever.
Use your code for good. 🥁
Founder & CEO of ⌘ Command Code, the most used coding agent for open models: 160K+ users, 50K+ paying customers. Founded Langbase (AI cloud for agents with memory & tools).
"What an awesome example for developers." — Satya Nadella, CEO of Microsoft, on my NASA Ingenuity code.
NASA Ingenuity Mars Helicopter code contributor · 6× GitHub Star, one of the first 8 Gold Stars · #1 trending JavaScript developer on GitHub · 6× Google Developer Expert · 6× Microsoft MVP.
Ex VP DevRel & DevTools at RapidAPI · Google Developers Advisory Board (gDAB) founding member · OpenAPI Business Governing Board, Linux Foundation · SF DevNetwork AI/ML Advisory Board · Angel investor (Replit, Resend, Daytona, Gumroad and you?).
Award-winning open source engineering leader: 300+ projects, 50–100M downloads a year, including Shades of Purple (5M+ developers) and corona-cli (10B+ queries).
Taught 217K+ developers via NodeCLI.com and VSCode.pro. 160+ talks. Blogging since 2000, billions of views.
❯ Read more about Ahmad Awais or come say hi on 𝕏 @MrAhmadAwais.
Founder notes on AI, dev tools, and building developer products. No spam.
What is the main benefit using Clouflare over Vercel?
Lots of them. I use my domains to do a lot of things. Not all are offered by Vercel. E.g. redirections, security stuff, and free analytics that I get with Cloudflare.
Thanks a lot! Your steps are very clear and it’s perfect! One related question pls: the last step, add the in your Vercel’s project settings, there’s a option “redirect to”. It’s weird – the purpose of this whole thing is to redirect to *.now.sh, so isn’t this option redundant?
Thanks a lot! Your steps are very clear and it’s perfect! One related question pls: the last step, add the ‘mydomain’ in your Vercel’s project settings, there’s a option “redirect to”. It’s weird – the purpose of this whole thing is to redirect ‘mydomain’ to *.now.sh, so isn’t this option redundant?
I mean, if I check this option and make it redirect to *.now.sh, all links will be like “*.now.sh/*”, so ‘mydomain’ is not linked any more? And more importantly, cloudflare does not interfere any more,.e.g.CDN?
I don’t understand what you’re trying to ask here. The purpose is to have your own custom domain setup not a redirect.
This would break any other CNAME not processed by Vercel and can’t provide Cloudflare CA SSL on that server. Do you know how to overcome Full (Strict) setting?
As an example, I’m hosting on Heroku and Cloudflare made my site secured, but with your setting the subdomain pointing to Heroku no longer works.
…Wow your post made this infinitely times easier. The problem was with the “Always Use HTTPS” setting for me. Thank you so much for the clear and concise post!