How to Quickly Setup a Hashnode Blog on an Existing Netlify Website

How do you connect your exisiting app on Netlify with Hashnode?

  • Log in to your Netlify Dashboard and select the app you want to connect.

Screenshot 2020-12-17 135959.png

  • Click on Domain Settings

Under Custom Domains section, select the DNS Panel from your primary domain options.

Screenshot 2020-12-17 140311.png

  • Click on "Add a New Record" and enter the following DNS Settings

Record Type: CNAME

Name: blog or any subdomain of your choice

Value: hashnode.network

Screenshot 2020-12-17 140641.png Silly me. There's a typo in the image


That wasn't hard. Now, let's head back to Hashnode and update your settings.

  • Go to your Hashnode dashboard Domain section

Screenshot 2020-12-17 141116.png

  • Update your domain name to fit with the settings from Netlify :

Screenshot 2020-12-17 141226.png

That's all. Easy breezy!

Note that DNS propagation may take within 24 hours, or less. Hit refresh on your new subdomain to check

If you found this post helpful. Please share and discuss with me in the comment session.

Eleftheria Batsou's photo

That is a really nice and helpful article!!

C.Emmanuel Onyema's photo

Thank you very nice, I would love to connect it to my portfolio hosted on netlify.. how do I set it up to bear my my exact name.

Lucky Adogun's photo

Hi C.Emmanuel Onyema, does your website on Netlify have a custom domain name?

If no:

  1. Get a domain name with any of the registrars. I use NameCheap

  2. Add the new domain name to Netlify. Here's how: docs.netlify.com/domains-https/custom-domai..

  3. Follow this guide to add a blog to your site.

Let me know if you need further assistance. Cheers!

Saham Alam's photo

almost troubled nearly two months to just set up this. thank you, brother.

Lucky Adogun's photo

You're welcome bro. I'm glad you found it helpful.