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 5:57am
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)
August 20, 2018 at 3:12pm
August 21, 2018 at 4:20am
Hi , you write that you cannot use Talkyard, because of a monthly subscription fee. That sounds as if there's a misunderstanding. Both Mozilla Talk and Talkyard are free and open source, both of them can be installed on one's server for free. I suspect my about-Talkyard-page is confusing. So now I edited the page to hopefully remove this misunderstanding. (Is it more clear now? if you have time and want to have a look at the updated about page)
In addition to open-source & free, there's hosting, for Talkyard, which costs money. And there's hosting for Mozilla Talk too: https://coralproject.net/pricing/ — which also costs money.
So, both the same: install open source for free, or pay for hosting.
I don't know if there's a guide or plugin, for using Talk with Gatsby. I websearched a bit for Talk + Gatsby, didn't find anything.
To make Talkyard work with Gatsby, I had to write a Gatsby plugin, because Gatsby is a single-page-app that does client side Browser-location routing, without "real" page reloads: When jumping between pages, in a Gatsby blog, the embedded comments didn't update when I went to a new page — the on-page-load Javascript didn't run, because no new page was loaded.
So, as far as I understand, Mozilla Talk could benefit from a Gatsby specific Mozilla-Talk plugin, that reloads the comments, when one single-page-app navigates to a new page. There's such a plugin for Talkyard, https://www.npmjs.com/package/@debiki/gatsby-plugin-talkyard maybe someone can copy-edit it an re-publish for Mozilla Talk; it's MIT licensed.
August 22, 2018 at 6:15am
My two cents: I've followed the advice at https://www.gatsbyjs.org/blog/2018-04-10-how-to-handle-comments-in-gatsby-blogs/ and tried Staticman with help from here: https://www.gatsbycentral.com/tutorial-comments-with-staticman-in-gatsby
The tutorial is a bit buggy but common sense should help. So all told this is finally a solution that works and is in concord with our GDPR.
October 25, 2018 at 12:05pm
`Thanks for the information. Nice blog. I understood the concept very well. This blog is very informative. And it’s very interesting topic.