DEV Community

loading...

The Tech setup rachsmith.com - Ghost + Gatsby

Rach Smith
Technical knowledge is just one part of being a great Engineer. I like to think and write about everything else.
Originally published at rachsmith.com on ・2 min read

The Stack

The best way to procrastinate on writing for your new blog is to deliberate over choosing the tech stack for your new blog. Especially if you are a capable cross-stack Web Developer, as the options to choose from may as well be infinite.

I’ve been wanting to give the Jamstack a try for years now, so was hoping to find a Jamstack solution. The number one requirement was that it wouldn’t take long for me to get up and running. After doing some research I found this blog post that gave a step-by-step process of how to set up a blog using Ghost and Gatsby. Within an hour I had a blog up and running.

The setup is:

  • A Ghost (Node) backend running on a Heroku Dyno.
  • A Gatsby Front-End hosted on Netlify that uses Ghost's GraphQL API to provide the blog data.

Once I completed the initial setup, I just needed to modify the React and CSS provided by this starter theme to make it my own. All the code for the front end is in this repo.

One of the pleasant things about this setup is that you can run it all for free. You need to pay if you want an always-on Dyno running Ghost, but I like that having a basic portfolio/blog is accessible to unemployed or Junior Developers who are short on cash.

Drafting and editing

As I am pretty time poor at the moment, I tap a lot of my initial drafts out on my phone while the baby feeds in 10+ minute increments. Then when I have a bit of time to sit down on the MacBook, I edit and copy the final version over to Ghost.

My original workflow was:

  • using Ulysses for writing
  • editing for spelling and grammar in Grammarly
  • converting to markdown and publishing on Ghost It felt clunky, as I would prefer to write in markdown from the start.

I have recently started a new workflow:

  • I write in iaWriter (amazing)
  • proof in ProWritingAid (very promising, can handle markdown)
  • publishing on Ghost <!--kg-card-end: markdown-->

Discussion (1)

Collapse
vsevaseva profile image
Vsevolod

Nice one! By the way, you can add table of contents to your blog post template to improve reading experience :)