-
Sign up and sign in to Cloudflare https://dash.cloudflare.com/sign-up.
-
In your Cloudflare dashboard, select the
Domain Registration > Register Domains
tab. -
Search for your favorite domain and purchase it. In my case, I purchased the domain https://nivethan.me/ for my portfolio.
-
Sign in to Vercel and go to your dashboard, where you can see all your projects in the
Overview
tab. -
Click on a project and on the top right, select
Domains
. -
Type your domain in the text box, e.g.,
nivethan.me
, and clickAdd
. -
Select the recommended option:
Add www.nivethan.me and redirect nivethan.me to it
. -
Vercel will show an invalid configuration under your domains and display the relevant A record IP under
nivethan.me
and a CNAME IP underwww.nivethan.me
. These need to be set up on Cloudflare to make it work. -
Go to the Cloudflare dashboard and select
Domain Registration > Manage Domains
tab. -
Your domain will be listed in a table. Select
Manage
. -
Look for
Update DNS configuration
under the quick actions. -
Add an A record (turn off proxy):
Type Name(required) IPv4 address(required) Proxy status A @ 89.28.116 off -
Add a CNAME record (turn off proxy):
Type Name(required) IPv4 address(required) Proxy status CNAME www cname.vercel-dns.com off -
You're done! Visit your domain, and you should now see your project live and accessible.
Last active
December 1, 2024 16:38
-
-
Save nivethan-me/a56f18b3ffbad04bf5f35085972ceb4d to your computer and use it in GitHub Desktop.
Add Cloudflare Custom Domain to Vercel
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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