How to map a domain to Hashnode through Cloudflare?

Cloudflare is a free CDN that protects against threats such as SQL injection and identity theft. It improves site performance and speeds up loading times by using multiple data centers that are located around the world.

Cloudflare makes mapping a domain to Hashnode easier because it supports CNAME Flattening, which allows you to create a CNAME record at the root level.

In this article, I will explain how to map a domain to Hashnode through Cloudflare.

Create an account on Cloudflare

Here is how to create an account on Cloudflare:

  1. Go to cloudflare.com
  2. Click on the Sign Up button at the top-right corner of the page on your desktop screen or the Hamburger menu > Sign Up button at the top-right corner of the page on your mobile screen. Sign Up button
  3. On the sign-up page, enter your preferred email address and password. Create an account page
  4. Click on the Create Account button to complete the account creation process.

After creating your cloudflare account. You will be redirected to Cloudflare's Add Site page, where you will be required to enter the domain you want to map to Hashnode using Cloudflare.

How to map the domain to Hashnode through Cloudflare

The steps below explain the entire process of mapping a domain to Hashnode through Cloudflare.

Step 1

On Cloudflare's Add Site page, enter your root domain. For instance, if your website is www.edidiongasikpo.com, enter edidiongasikpo.com into the input field.

Add your address

Step 2

Click on the Add site button to enable Cloudflare to validate your domain.

Step 3

After Cloudflare has validated your domain, you will be redirected to Cloudflare's payment page.

Select a plan

Step 4

Here, select the Free plan and click on the Confirm plan button.

Cloudflare will scan through the root domain you added for DNS records and import it automatically into your Cloudflare configuration.

Step 5

When the scan is completed, your DNS records (if available) will appear on your screen. Go through the imported DNS records to confirm if they've been identified correctly. If they've not been added, you can manually add the missing DNS records.

Step 6

To add Hashnode's DNS record, click on the Add record button.

Step 7

In the input field, add the details below:

TypeNameTargetTTLProxy Status
CNAME@hashnode.networkAutoDNS Only

This is what your DNS record should look like:

The Proxy status must be DNS Only. To ensure it is DNS only, click on the orange cloud icon (proxy enabled). Once you click on the orange cloud icon, it will automatically change to a grey cloud icon (DNS only).

Crosscheck that everything is correct and click on the Save button.

At this point, you've successfully mapped your domain to Hashnode through Cloudflare. But you need to do one more thing to enable Cloudflare to manage your DNS records.

So click on the Continue button to proceed.

Enable Cloudflare to manage your DNS records

By allowing Cloudflare to manage your DNS records, you gain access to the different benefits that Cloudflare offers and optimize your site.

Here's how to enable Cloudflare to manage your DNS records.

  1. Log into your registrar account. In my case namecheap.com.
  2. Remove your current nameservers.
  3. Replace it with Cloudflare's nameservers. Cloudflare will provide the nameserver for you. In my case, it was daniella.ns.cloudflare.com and fred.ns.cloudflare.com
  4. Click on the Save button to complete the update.
  5. You will receive an email when the nameservers associated with your domain has been updated.

Registrars (In my case, Namecheap) typically process nameserver update with 24 hours.

You can use any DNS Propagation Checker of your choice to check the current state of your DNS propagation.

Conclusion

I hope you were able to learn how to map a domain to Hashnode through Cloudflare.

If you have any questions, you can leave it in the comments section below, and I’ll be happy to answer every single one.

Comments (2)

Jay Desai's photo

This will help millions of developer joining hashnode. Awesome article. Thank you @Edidiong for Sharing 🎉

Edidiong Asikpo's photo

I am glad you found it useful Jay Desai.