hygraph / hygraph-eleventy-blog-starter

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Hygraph 11ty Blog Starter

An 11ty starter for creating a basic blog with Hygraph

Quick start

Clone project

  1. Clone and install the project
npx degit git@github.com:hygraph/hygraph-eleventy-blog-starter.git
  1. 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_URL=""
  1. Start building!

Install the dependencies and start the Next.js dev server:

npm install
npm run dev

Features

  • Dynamic posts
  • Dynamic pages
  • Dynamic navigation
  • Post table of contents generated from rich text

About


Languages

Language:JavaScript 47.5%Language:HTML 28.5%Language:Nunjucks 24.0%