Beyond the Static: Adding Interactivity to Your Hugo Sites - Ado Kukic // HugoConf 2022

We all know Hugo as one of the best static site generators available today, but whether you're using Hugo to host your personal blog, marketing website, or other web application, sometimes you want to add a little bit of interactivity. In this talk, we'll explore how you can go beyond the static and add interactivity with built-in Hugo capabilities as well as explore how you can augment your Hugo site with serverless functions to get the best of: performance, speed, and productivity.
hugoconf.io - The free, online conference for everything Hugo.
Sponsored by CloudCannon
cloudcannon.com/
#hugo #hugoconf #cloudcannon

[@marccawood]

Excellent vid, well explained and very terse and compact delivery! ✋

[@tomaszkusmierczyk2236]

Thank you for this demo. Preferably each post should have its own set of comments but the way you demonstrated same comments will be shared across all posts. I guess the getJson and JS fetch inside Hugo was the demo purpose though.

[@felixal]

thanks

[@felixal]

I get an Cross-Origin Resource Sharing error in dev console(I am using a cloudefare workers for getupdatedcomments function). Maybe I need to pass a token or set CORS.
Hello I inlcuded this in my response header Access-Control-Allow-Origin': '*', works now THANSKs. Will change * to domainname when I deploy.

[@VinodKulkarniOnPlus]

Isn't innerHTML replaced rather than appended?

[@marccawood]

He clears it first then appends in a loop thus appending each comment.