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.app we'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…
Now let’s go back to our Gatsby site that we set up in Part 1, and get it hooked up to our WordPress site, and pull in some blog posts!
Open up gatsby-config.js in your text editor.
First I’m going to edit the
siteMetadata from the defaults to make the site my own:
There are so many great Gatsby plugins, but for the sake of this tutorial, we’ll only install what we need to connect WordPress.
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 going to walk you through the whole thing- we’ll set up a new site that uses WordPress as the headless CMS with Gatsby. I’ll start from the very beginning so if you don’t know anything about Gatsby or WordPress, this will hopefully get you up and running with ease. …