Now that I’ve gotten the WordPress install that will serve as the data source, the next step is to get things working locally.
I got into my cloned repo by opening it in VS Code (by dragging that whole directory over the VS Code logo in my dock) and typing control + ~ to open a terminal window. Once there I ran
yarnFrom there, a bunch of dependencies were installed, and then I ran
yarn workspace site developOnly to discover that thing there looked way different from what I was expecting. The first thing that I noticed was that the GraphiQL in-browser IDE did not have the explorer that I was expecting and had grown used to having. So I exited out of development mode (control + C) and ran
yarn upgrade…which updated everything to the latest, and then when I ran the workspace site develop command again, all was well.
This sets up a development site for me. Since the sample site still had references to the original author (links to his social media, etc) I set about seeing how to change that.
The first thing to do is to change the WordPress URL in all of the places necessary. Once I discovered that this particular Gatsby install was pulling from alexandraspalato.com I did a search (command + shift + f in my VS Code browser) to search for all instances of that. The two spots I changed were packages/gatsby-theme-tabor/config.js and site/gatsby-config.js.
You can see the full list of changes at https://github.com/Benunc/tabor-gatsby-theme/commit/1d5d283399474e9462aa788082d9b7c9deecd582
Some notes: many changes to those files would immediately result in changes on the localhost URL http://localhost:8000/ I had open in another monitor. But changes to the data source like changing the WordPress URL didn’t change anything on the development version of the site, because that is all pulled in at the time of the build (during the yarn workspace develop command).
