Large-Scale Civic Information Site Built with Hugo

I recently launched a civic information site built entirely with Hugo, focused on performance and a structured content architecture. It uses custom taxonomies, JSON-driven components, and clean permalinks without any JS frameworks. If anyone is interested in seeing how I structured it in production, here’s the live build: https://federalvoice.com/

5 Likes

Is there anything I’m missing from Hugo Core features?

Man, epic website! Can you share Github repo or it’s private? For learning purposes.

By the way, question - how do you display these circle graphic charts? And where do you store data for them? It comes from data files or front matter values?

1 Like

the repo is private but for the data i use a json file to store the data

Hard to guess without seeing the … source.

1 Like

I’m using Hugo image resources, but it seems like the images are resized and renamed. Does this affect SEO images every time the image name changes?

Hugo does not scale images by itself. To preserve the original name, you could use resources.Copy:

Can you tell please, how you implement compare functionality? Compare Two Politicians | FederalVoice | FederalVoice

All the data previously stored within json?

Or are you fetching data in real time from the server?

Why not open the page in your browser, turn on your developer tools and have a look?

you can do either or store in on local. but al my fresh data is installed on firebase and to prevent from being billed for bandwith . i run a weekly refresh that push my fresh data from firebase to local. all the data processing and and content is done outsite hugo.

                  β”‚  EN   
──────────────────┼───────
 Pages            β”‚ 27190 
 Paginator pages  β”‚    45 
 Non-page files   β”‚    33 
 Static files     β”‚ 23671 
 Processed images β”‚     0 
 Aliases          β”‚     6 
 Cleaned          β”‚     0 

im running into any issue where netlify can’t build and deploy my site anymore.