I have been hearing about this JS Library/Starter project called Gatsby for a while so I decided to finally take a swing at it since I had a new site I wanted to launch and I figured it would be a good opportunity to do so. This blog runs on Ghost.org which allows me to get a really great content editor for my dynamic content/posts. I saw that Ghost.org had a Gatsby integration which essentially lets you do launch a standard Gatsby site, but connect to your blog content using GraphQL. The way it works is that you end up with 2 separate sites:

  • Your standard ghost.org site which really doesn't need a domain. I spun up a standard DigitalOcean Ghost.org droplet and I access that blog site through the IP address. This won't be a customer facing site but rather a content authoring tool.
  • Your Gatsby Site which pulls in content from the blog, but is the full Gastby platform. I plan to deploy this one via Netlify and point a domain at it. It'll be the customer facing site.

UPDATE: 10/2019 - This setup ended up being pretty easy and I was able to do exactly as described above. I meant to document this process but unfortunately forgot about it, and it's been over 8 months since I got the work done. Feel free to ask me question though and I'll help out where I can!

Here's the deployed project: https://www.moonlitaerial.com/