Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/brob/next-js-blog-with-comments-qa-1
- Owner: brob
- Created: 2020-11-04T19:21:54.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T08:16:58.000Z (about 1 year ago)
- Last Synced: 2024-11-07T00:30:00.597Z (about 2 months ago)
- Language: JavaScript
- Homepage: next-js-blog-with-comments-qa-1.vercel.app
- Size: 288 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).
# 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`.