https://github.com/pandasekh/react-commenting-system

Commenting System built with NextJS and Sanity
https://github.com/pandasekh/react-commenting-system

comment-system javascript nextjs react sanity sanity-io

Last synced: 7 months ago
JSON representation

Commenting System built with NextJS and Sanity

• Host: GitHub
• URL: https://github.com/pandasekh/react-commenting-system
• Owner: PandaSekh
• Created: 2020-12-31T15:28:01.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2023-06-27T10:34:50.000Z (over 2 years ago)
• Last Synced: 2025-03-18T00:37:25.478Z (7 months ago)
• Topics: comment-system, javascript, nextjs, react, sanity, sanity-io
• Language: JavaScript
• Homepage: https://react-commenting-system.vercel.app/
• Size: 1.56 MB
• Stars: 32
• Watchers: 1
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React Real-Time Commenting System

Real-Time Commenting System built on top of [Next.js](https://nextjs.org/) and with [Sanity.io](https://www.sanity.io/) as the data store.    

This is meant as a reference repository, currently there's no package available but you can follow my tutorials to recreate this project for your website: [my blog here](https://alessiofranceschi.me/blog/react-commenting-system).

![Example](https://alessiofranceschi.me/assets/img/react-commenting/reactions-example.gif)

## Demo

Test out this project [here](https://react-commenting-system.vercel.app/).

## Features

- Anonymous by default, username and email not needed

- Nested comments without limits

- Reactions with emoticons

- Real-Time: new comments and reaction shown without reloading the page

- Markdown support

- ReCaptcha v3

- Responsive

- Comments without urls are approved by default

## Tutorial

I wrote a three-part series on how to build this project:

- [Building a Real-Time Commenting System in React [Part 1/3]](https://alessiofranceschi.me/blog/react-commenting-system)

- [Making Nested Comments - Building a Real-Time Commenting System in React [Part 2/3]](https://alessiofranceschi.me/blog/react-commenting-system-part-2)

- [Emoji Reactions for Comments - Building a Real-Time Commenting System in React [Part 3/3]](https://alessiofranceschi.me/blog/react-commenting-system-part-3)