Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/brob/hygraph-next-landingpage-poc

Last synced: 10 days ago
JSON representation

Host: GitHub
URL: https://github.com/brob/hygraph-next-landingpage-poc
Owner: brob
Created: 2024-02-28T18:00:28.000Z (10 months ago)
Default Branch: main
Last Pushed: 2024-02-28T19:47:03.000Z (10 months ago)
Last Synced: 2024-11-07T00:30:26.956Z (about 2 months ago)
Language: JavaScript
Homepage: https://hygraph-next-landingpage-poc.vercel.app
Size: 114 KB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 1
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

[![Clone project](https://hygraph.com/button)](https://app.hygraph.com/clone/ccfd3e465ed249d987b0dfc3f107d437?name=Basic%20Blog)

1. **Clone and install the project**

```shell
npx degit [email protected]: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