A Gatsby starter for creating a basic blog with Hygraph
• Demo • gatsby-source-graphcms
- Create a new Gatsby project via the Gatsby CLI
gatsby new hygraph-blog https://github.com/Hygraph/gatsby-starter-hygraph-blog
- 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=""
- Start building!
Install the dependencies and start the gatsby dev server:
yarn
yarn dev
- Use
gatsby-image
with your Hygraph image assets. - MDX support via
gatsby-plugin-mdx
on HygraphRichText
fields. - Built with Tailwind CSS.