https://github.com/brob/next-js-blog-with-comments-with-data

https://github.com/brob/next-js-blog-with-comments-with-data

Last synced: 7 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/brob/next-js-blog-with-comments-with-data
• Owner: brob
• Created: 2020-10-26T18:16:26.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2023-12-15T02:43:07.000Z (about 1 year ago)
• Last Synced: 2024-11-07T00:29:55.093Z (about 2 months ago)
• Language: JavaScript
• Size: 287 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Next.js blog with comment section

This is a demo of how to add a simple comment section to blog post using [Next.js](https://nextjs.org), [Sanity.io](https://www.sanity.io), and [Vercel](https://vercel.com).

Interested in how it was made? See [how to build a commenting engine with Sanity and Next.js on CSS Tricks](https://css-tricks.com).

## Getting up and running

There are two directories for this project: 

* `blog-frontend` - Next.js frontend for the blog

* `studio` - Sanity Studio for content editing

### Running the front-end

Inside the `blog-frontend` directory, you'll need to create a `.env.local` file to store a few environment variables that Next will use to pull data from the Sanity API.

```js

NEXT_PUBLIC_SANITY_PROJECT_ID="project-id-from manage.sanity.io"

SANITY_API_TOKEN="API-TOKEN-FROM MANAGE.SANITY.IO"

SANITY_PREVIEW_SECRET="Preview-secret-for-live-preview"

```

Once those env variables are ready, you can run the following commands to get Next's development server up and running:

```bash

cd blog-frontend

npm install

npm run dev

```

The blog will be running at `http://localhost:3000`

### Running Sanity Studio

To run the Sanity Studio locally, you'll need to run the following commands:

First install the Sanity CLI: `npm install -g @sanity/cli`.

```bash

# From the project root

cd studio

npm install

# Sanity init will let you reconfigure the Studio to use your project ID and dataset

sanity init

sanity start

```

The Studio will be running at `http://localhost:3333`