Don’t mean to overhype it, and note it has its warts. But @gatsbyjs blog authoring experience is incredible. Hot reloading feels instant. I write posts and tweak styles or layout, and see my changes reflected in real time. This was my dream.— Dan Abramov (@dan_abramov) December 1, 2018
joshuaiz.com has existed in various incarnations since 2002: first as a static HTML site, then it moved to WordPress where it has been since 2006...until now. This site is built with GatsbyJS.
Gatsby is not only fun to develop with, it makes it fun to create content. Working and developing with Gatsby feels a lot like when I first got into WordPress: exciting and full of possibilities. That's a great feeling and anything that gets me or any developer to write more is a very good thing.
My first foray of experimenting with GatsbyJS and WordPress resulted in a port of Plate, a WordPress starter theme created by my development company, studio.bio, into a complete Gatsby starter called Plate for Gatsby.
So when thinking about rebuilding joshuaiz.com with Gatsby, I could use Gatsby for the front end and the data could be sourced from the existing WordPress posts on joshuaiz.com. However, in doing that I would still have to maintain a working WordPress install, keep it updated, and pay for hosting. Don't get me wrong — I love WordPress and work with it every day with both client and personal sites. But, it got me thinking...
...why not just serve markdown files directly with Gatsby?
Could I live the dream? Or at least live Dan Abramov's dream?
It turns out, you can live the dream. I can write my posts in markdown and any edits to the content or the site design is updated — at least on my local install — in real time using the hot reloading in Gatsby. Once I'm happy, I push my updates to GitHub with one key command and the site is completely rebuilt and served via Netlify...boom!
While real time updates may not seem like much, it feels really amazing to do this in practice. This is what blogging should be.
In a future post, I'll go in to more detail on how to make to move from WordPress to GatsbyJS.