Create a Blog with WordPress and Gatsby - Part 3

Search for a command to run...

No comments yet. Be the first to comment.
Part 2 - The Connection Now let’s go back to our Gatsby site and get it hooked up to our WordPress site, and pull in some blog posts! Gatsby Plugins Open up gatsby-config.js in your text editor. First I’m going to edit the siteMetadata from the defau...

I love Gatsby. I love WordPress. I love Gatsby and WordPress together. Earlier this year I set up a couple of sites using existing WordPress sites that I managed and created all-new designs and front-end experiences for both. In this series, I’m goin...

As someone who can do their job from anywhere and is very used to working from home, here are some things I like to share with friends when they ask me for any tips: Don't sleep in - wake up with enough time to start your day, as if you're going int...
Alright! So you've made it through part 1 and part 2, now for the final chapter in the series!
Now that we've pulled in posts from our WordPress blog into our Gatsby app successfully, let's configure Netlify, so we look more official with our domain name. Instead of using kaleigh-tech-tutorial.netlify.appwe'll be using kaleigh.tech as the domain name.
Head over to Netlify and open up your site's settings and scroll down to "Domain Management."

Click on the button "Add Custom Domain", type in your domain name, and verify that you are indeed the owner.

Once it took me back to my settings, I saw this error...don't worry, we'll fix it:

Scroll back up to custom domains and click on your domain name's dropdown:

We need to set up the Netlify DNS, so click that option.

Click on Continue and then you'll be given a list of nameservers.

You'll have to go to wherever your domain was purchased to modify the domain names. Netlify has some good docs in case you get stuck. This article is also helpful.
I have NameCheap, and it was easy to set mine:

Once you do this, you must wait until everything switches over. Sometimes it's quick, sometimes it's not. Mine ended up taking around 20 minutes. So go make some tea or coffee and come back!

If you see that...then you should see this:

Woo! It's all working! Worried about the HTTPS? Scroll down back on your Netlify Domain settings and click the button to verify the configs:

Now you should be good to go (in a few minutes). This part of the process takes some time, so the earlier you do this, the better if you're trying to deliver a website or show it off.
Hopefully, you've enjoyed my series creating a blog with WordPress and Gatsby! Let me know if you did by letting me know, sharing it with a friend, and sharing on Twitter, Dev.to, Medium, Hashnode, or wherever else you like to share!