Search code examples
herokunetwork-programmingdnscloudflarecname

Adding a CNAME record in Cloudflare pointing to a Heroku hosted application

I have a NodeJS application hosted on Heroku and I'm using Cloudflare to handle my DNS settings.

Unfortunately, the root domain for my application won't resolve since I don't have CNAME record pointing to it and correspondingly, I also receive the following error on my Cloudflare dashboard:

"An A, AAAA or CNAME record was not found pointing to the root domain. The XXXX.com domain will not resolve".

I found the relevant documentation for Heroku-hosted apps (shown below) which explains that all I need to do is to add a CNAME record for my root and point it to the server name. (It also states why I can't point it to a static IP address)

enter image description here

My problem is - how do I add a CNAME record pointing to the server name when the field I'm supposed to add the server name to only accepts an IP address?

See below screenshots.

enter image description here

enter image description here

Additionally, I'm further confused by the following piece of documentation:

enter image description here

Solution

  • Turns out this is a browser issue with Cloudflare.

    On Firefox this is what the CNAME input fields look like.

    enter image description here

    On Chrome this is what the CNAME input fields look like.

    enter image description here