Skip to content
"Static" comments with Netlify & Hugo
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
content
data
layouts
src/css
static
.gitignore
README.md
config.toml
gulpfile.js
netlify.toml
package.json
tailwind.config.js

README.md

Test site for "static" comments in Hugo

Source: https://css-tricks.com/jamstack-comments/

V2 of this can be found explained in detail here: https://ttntm.me/blog/static-blog-comments-hugo/

Description

This site is built around the linked tutorial above but it doesn't make use of the Slack notifications/Netlify functions in order to keep things simply.

So, the comments entered here go into Netlify Forms and IFTTT takes care of re-building the site every hour.

During the build process, the comments are obtained from Netlify Forms via their API and put into a comments.json file by Gulp. In order to make this work on localhost environments, don't forget that you'll need an .env file within the project directory that stores the necessary Form ID and API Token for your own Netlify setup.

Demo

https://hugo-comments.netlify.com/

Status

Netlify Status

You can’t perform that action at this time.