https://github.com/hygraph/hygraph-nextjs-blog-starter
https://github.com/hygraph/hygraph-nextjs-blog-starter
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/hygraph/hygraph-nextjs-blog-starter
- Owner: hygraph
- Created: 2023-04-27T13:54:23.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-08-15T16:52:33.000Z (almost 2 years ago)
- Last Synced: 2025-04-03T01:58:13.028Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://basic-blog.withheadlesscms.com/
- Size: 324 KB
- Stars: 16
- Watchers: 3
- Forks: 7
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# hygraph-nextjs-blog-starter
> A [Next.js](httsp://nextjs.org) starter for creating a basic blog with [Hygraph](https://hygraph.com)
## Quick start
[](https://app.hygraph.com/clone/ccfd3e465ed249d987b0dfc3f107d437?name=Basic%20Blog)
1. **Clone and install the project**
```shell
npx degit git@github.com:hygraph/hygraph-nextjs-blog-starter.git
```
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.
```shell
cd hygraph-blog
cp .env.sample .env.local
```
Inside of your newly created `.env` file, provide values for each variable. These variables can be found in the [project settings UI](https://hygraph.com/docs/guides/overview/api-access).
```env
HYGRAPH_ENDPOINT=""
HYGRAPH_TOKEN=""
```
3. **Start building!**
Install the dependencies and start the Next.js dev server:
```shell
npm install
npm run dev
```
## Features
* App Router
* Tailwind CSS
* Built-in 404 page functionality
* `generateMetadata` for SEO