Spectrum is now read-only. Learn more about the decision in our official announcement.


Fast in every way that matters. Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.


What's The Best Way to Make Commenting System

November 21, 2017 at 12:37am

What'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.
Show previous messages

August 21, 2018 at 4:31am
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, 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 and tried Staticman with help from here: 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.
I have an update about Staticman: you'll need to host it yourself. The GitHub-hosted version is blocked by GitHub several times a day.

November 1, 2018 at 8:50pm
Personally I use Facebook comments, which works really well for my sites.

November 5, 2018 at 11:50am
How did you config your Gatsby site with Facebook comment plugin? I had a problem with it.
import React from 'react'
import config from '../utils/siteConfig'
import theme from '../styles/theme'
import styled from 'styled-components'
import FacebookProvider, { Comments } from "react-facebook";
import Heading from './Heading'
const Wrapper = styled.div`
padding: ${props => props.theme.size.elementMargin} 0 ${props => props.theme.size.elementMargin} 0;
border-top: 1px solid ${props => props.theme.colors.border};
const PostComments = props => {
const { slug } = props;
const { facebook, siteUrl } = config
return (
<FacebookProvider appId={facebook}>
export default PostComments;
I develop a commenting system called JustComments. I wrote how to add it to a GatsbyJS website
It's not free if you want managed hosting, but the frontend is open-source

July 25, 2020 at 8:02pm
Hey, if you are using Netlify you can try their function and store all comments in a JSON file by URL or SLUG, the only problem here is to use google Recaptcha to not bypass there build limits by spammy comments.