Creating This Site With Gatsby.js
December 09, 2019
EDIT 2-27-21: I've since rebuilt this site with Next.js!
My mission in building this site was to finally try to understand what Gatsby is. Now I get it. Gatsby is essentially a full framework for building static sites based on technologies like React and GraphQL. However, it is important to note that these things aren't what make Gatsby what it is. These technologies just make working with Gatsby a more pleasant experience for developers that are already used to creating modern web apps. The real power behind Gatsby is its API and plugin system.
Behind the scenes, I am actually using Contentful to write this post. Contentful is a headless CMS that exposes its data via an API. Luckily, there is a Gatsby plugin for Contentful that lets me easily make use of this data. During build time, Gatsby reaches out to Contentful, grabs the data for my blog posts, and dynamically creates pages based on that data. In the end, I have a completely static website that has been mostly dynamically created. I can now host this site somewhere like Netlify or in an Amazon S3 bucket without too much trouble at all. Pretty awesome! Hopefully this helps clear up some confusion about Gatsby.