What's The Best Way to Make Commenting System
November 21, 2017 at 12:37amWhat's The Best Way to Make Commenting System
November 21, 2017 at 12:37am (Edited 5 years ago)Hello folks..,
I have a plan to make commenting system on my blog. Since Gatsby is a static site generator, is that possible to achieve that? If yes, what's the best way to achieve so?
Any kinds of direction will be appreciated.
Thanks!
November 21, 2017 at 2:09am
check https://disqus.com/ it's super common
there's premade react component which you can embed in to your blog post template.
Hey Necmettin 👋🏻, thanks for that! 😀 Aside from the main topic, do you know how to make the "like" functionality as well? I mean, should I have back-end for this (with database setup) or is there easier way?
disqus also provides like logic.
if you want to use something else, yeah you would need back-end
November 21, 2017 at 3:35pm
Hey, if you're familiar with WordPress, it seems like it wouldn't take too much time to hook into their build-in commenting system.
*built-in*
It looks like you'd send a POST request through a form from your Gatsby site to your WP backend, which would have to have the 'post_id', 'author_name', and 'content'. There are other options that you could make required: http://v2.wp-api.org/reference/comments/
I've build a plugin to hook into the 'save_post' action to send a POST request to an endpoint when a post is created, deleted, or updated. Using Netlify, you could have the site auto-rebuild: https://www.netlify.com/docs/webhooks/
I think you'd need to modify my plugin (https://github.com/benforshey/JAMstack-WordPress) to also hook into the 'edit_post' action, because it looks like that's the one that WP fires when a comment is added or updated: https://codex.wordpress.org/Plugin_API/Action_Reference (search for "edit_post").
And full disclaimer: I haven't build this. It just looks like it wouldn't be a huge amount of effort, since WP is providing all the backend infrastructure already.
I updated my plugin to send POST notifications when comments were approved, unapproved, and deleted. If you template it out, you could have a pretty easy commenting system, I think. Still haven't built it myself, though. :-)
November 22, 2017 at 2:34am
Hey Ben , thank you so much for giving some insights! I'm not a WP fan, but will definitely consider this.. 😊👌🏻
January 19, 2018 at 3:43am
Hello and and , I built an open source commenting system for Gatsby. Here's a demo video & instructions: http://gatsby.demo.talkyard.io/demo-and-installation/.
What are your thoughts? Feedback please :-) if you have time.
What do you like about it? Or what's the main reason you would hesitate to use it?
If you want to use it and/or have questions, I'd be happy to help you. There's hosting too, if you don't want to provide your own server.
No ads, no tracking, & more lightweight than Disqus, + some new features (work in progress), see: https://www.effectivediscussions.org/-32/how-hacker-news-can-be-improved-3-things
I was gonna say Disqus is your best choice but Talkyard is awesome too. I think both can are good & there are many different alternatives I've found Googling but Gatsby is all about making your site fast so if you're using Comments, don't fetch it first. Just use a button below "Show All Comments" & then when someone clicks you can fetch all the comments. Whether its Disqus or something else. Also, if you want to learn something build your own 😉
if you see any benefits with Disqus that Talkyard maybe lacks, it'd be interesting to know about — maybe it's something I can improve.
Both Talkyard and Disqus load comments after the main page has loaded, so doesn't affect the initial load.
(B.t.w. if someone wants not just embedded comments, but a forum/chat/Q&A site next to the embedded blog coments, with the same logins, then that works with Talkyard.)
& awesome job on Talkyard
January 24, 2018 at 1:56am
There's also https://coralproject.net/products/talk.html
from mozilla, live on Washington Post now
July 31, 2018 at 4:03am
Can I update my Talkyard link above too — it's broken, was
http
but https
required for it to work (& apparently cannot edit old comments here in Spectrum).https://www.talkyard.io/blog-comments (better & different link)
& demo: https://www.kajmagnus.blog/new-embedded-comments (that's a Gatsby site)