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!

Show previous messages

November 5, 2018 at 5:09pm

Aleksander Hansson@ahansson

5:09pm

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 (
    <Wrapper>
      <Heading.H2>Comments</Heading.H2>
      <FacebookProvider appId={facebook}>
        <Comments
          href={`${siteUrl}/${slug}/`}
          width="100%"
          colorScheme={theme.colors.fbCommentsColorscheme}
        />
      </FacebookProvider>
    </Wrapper>
  );
};
export default PostComments;

Alex Rudenko@orkon

6:48pm

I develop a commenting system called JustComments. I wrote how to add it to a GatsbyJS website https://60devs.com/add-comments-to-your-gatsbyjs-blog-within-two-minutes.html

It's not free if you want managed hosting, but the frontend is open-source https://github.com/justcomments/widget

July 25, 2020 at 8:02pm

Aymen Jarouih@ajarouih

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.