gatsby-starter-hygraph-blog

A Gatsby starter for creating a basic blog with Hygraph

• Demo • gatsby-source-graphcms

Quick start

1. Create a new Gatsby project via the Gatsby CLI

gatsby new hygraph-blog https://github.com/Hygraph/gatsby-starter-hygraph-blog

2. Provide your Hygraph project keys

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

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

cd hygraph-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.

HYGRAPH_ENDPOINT=""
HYGRAPH_TOKEN=""

3. Start building!

Install the dependencies and start the gatsby dev server:

yarn
yarn dev

Features

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