Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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


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

Last synced: 7 days ago
JSON representation

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).

# Note: You automatically have an env variable for your dataset and project id, but you'll need to create a token in [manage.sanity.io](https://manage.sanity.io) to allow the Starter's comments to post to your Studio

### Running the front-end

Rename the `.env.test` file to `.env` and store the environment variables that Next and Sanity will use to pull data from the Sanity API. You can get or create the tokens, ids, and secrets from [manage.sanity.io](https://manage.sanity.io).

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

```bash
npm install

# Run the frontend
npm run dev

# Run the Studio
npm run start:sanity
```

The blog will be running at `http://localhost:3000`, the Studio will run at `http://localhost:3333`.