My Gatsby DatoCMS Starter

Posted: June 19th, 2019

Topics: Gatsby, DatoCMS, Styled-Components, Lodash

I feel like I'm only allowed to write three Gatsby-related blog posts in a row, so I'll try to make this one short & sweet. After spinning up 10+ Gatsby projects from the default starter, I began a starter of my own. It's not all that complicated, but it's got all of the little nuanced dev tools & helpers that I enjoy using.

Recently, I decided to make it a little more opinioned by baking in DatoCMS - my favorite "traditional" feeling headless CMS vendor. They really have a great product, and I enjoy that they're a young company (many of the devs are available on Slack pretty much on demand). Try it out. 🤷‍♂️

It's comes the following:

  • Styled-Components integration with media queries, global stylesheet, reboot stylesheet, animation file
  • Hook-based Gatsby graphql data-fetching queries
  • Free Inter font family
  • Context-based Modal component
  • Gatsby-source-datocms plugin configured with .env.example
  • VSCode, Prettier & ESLint rules
  • Dynamic page creation from BlogPost model
  • SEO Component
  • Layout Component
  • Header/Footer Components

Download the source here.