menu
up-caret
down-caret

Gatsby.js

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.

# Meta

Talk about the ecosystem, ask general questions about Gatsby or relevant tools. Please use #General for tech support.

Trending conversations
Share your stack...I'd love to see what you use the most in combo with Gatsby
@block-guy-eddie · 5d
Default pages directory
@selrond · 2h
"Shortcodes" Within Gatsby
@nickreese · 9d
Greater than operators in graphql?
@dakuan · 34d
Display GA Page Views data on website?
@techstacker · 56m

What's The Best Way to Make Commenting System

Wilbert Liu (@wilbertliu) · November 21, 2017 at 12:37am

What's The Best Way to Make Commenting System

November 21, 2017 at 12:37am (Edited 1 year 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!

Show previous messages

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.

  • reply
  • like

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.

https://www.hopetutors.com/course/devops-training-chennai/

  • reply
  • like

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.

  • reply
  • like

November 1, 2018 at 8:50pm

Personally I use Facebook comments, which works really well for my sites.

  • reply
  • like

November 5, 2018 at 11:50am

Personally I use Facebook comments, which works really well for my sites.

How did you config your Gatsby site with Facebook comment plugin? I had a problem with it.

  • reply
  • like
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;
  • reply
  • like

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

like-fill
2
  • reply
  • like