gatsby-starter-graphcms-blog

A Gatsby starter for creating a basic blog with GraphCMS

• Demo • gatsby-source-graphcms

Quick start

1. Create a new Gatsby project via the Gatsby CLI

gatsby new graphcms-blog https://github.com/GraphCMS/gatsby-starter-graphcms-blog

2. Provide your GraphCMS project keys

In order to use this starter, you’ll need to have created a new GraphCMS project using our Blog Template.

Navigate into your new site’s directory and copy the .env.sample file.

cd graphcms-blog
cp .env.sample .env

Inside of your newly created .env file, provide values for each variable. These variables can be found in the project settings UI.

GRAPHCMS_ENDPOINT=""
GRAPHCMS_TOKEN=""

3. Start building!

yarn dev

Features

• Use gatsby-image with your GraphCMS image assets.
• MDX support via gatsby-plugin-mdx on GraphCMS RichText fields.
• Built with Tailwind CSS.