This is my first attempt at learning Gatsby.js. I'm using an existing WordPress blog for this website so that anybody already blogging on WordPress can move to Gatsby.js using my code.
To get started, follow the official tutorial at Gatsby.js Tutorials
Once you have the development environment setup, clone this repo and edit the file gatsby-config.js:
module.exports = {
siteMetadata: {
title: `<your-title-here>`,
description: `<your-site-description>`,
...Now edit the configuration for the gatsby-source-wordpress plugin within the same file:
plugins: [
...
resolve: `gatsby-source-wordpress`,
options: {
baseUrl: `<your-site.com>`,
protocol: `https`,
hostingWPCOM: false,
useACF: true,
searchAndReplaceContentUrls: { // This is just in case you need to fix mixed content
sourceUrl: "http://<your-site.com>",
replacementUrl: "https://<your-site.com>",
},
includedRoutes: [
...
],
excludedRoutes: [
...
...If you are running a basic WordPress blog, the above edit should be sufficient.
Run npm install from the Gatsby root directory and once all node modules are installed, run gatsby develop
You should be able to visit your Gatsby.js static blog at http://localhost:8000
Cheers!