Building This Website in Hugo

Partial image credit

Why Go?

Static site generators such as Hugo were developed recently using Go. Go is a compiled language designed for today’s multi-processor, scalable, high-performance systems. Other platforms have inherited dependency chains that can lead to infeasible build times. Realizing these benefits, Cloudfare recently migrated from Gatsby (a web framework based on JavaScript).

Demo website

I first created a demo website using the Hugo Winston theme. This theme does have a Live Demo which made it simple to deploy onto Netlify. All descriptions are fictional and generated using ChatGPT.

See my Github repository for further details.

Saraogee.com

I had several requirements in mind for my website:

• Public Comments such as Valine
• Site Analytics such as Google Analytics
• Search such as Fuse.js

The FixIt theme was a great starting point for my website. I made some changes to the categories in the layout and added support for Hindi. The website continuously deploys from updates I make in the file directory via my Github repository using Github Pages.

Build it locally

1. Install Hugo

Please follow the official installation guide.

2. Import Hugo site locally

Download or git clone this project onto local machine into folder on local machine.

1
2
3
4

git clone https://github.com/asaraog/msds431week3.git
cd msds431week3
cd exampleSite
hugo server

or

1
2
3

git clone https://github.com/asaraog/asaraog.github.io.git
cd asaraog.github.io
hugo server

3. Deploy it

Now enter localhost:1313 in the address bar of your browser. Files can then be changed and then committed/pushed when complete to git. Once pushed to git, the website can be deployed.

References

Jain, Atishay. 2022. Hugo in Action: Static Sites and Dynamic Jamstack Apps. https://learning.oreilly.com/library/view/hugo-in-action/9781617297007/.

Miller, Tom. “Setting Up a Website,”. MSDS 431: Data Engineering with Go. Course at Northwestern University, Chicago, IL, June 27, 2023.