Turning Hugo aliases into AWS S3 redirects

Turning Hugo aliases into AWS S3 redirects

I’m hosting this blog on AWS S3 and Cloudfront. One disadvantage with S3 is that it doesn’t have a simple way of creating redirects — like Netlify, Firebase, or even Nginx.

But there is way; using the AWS CLI, put-object, and the x-amz-website-redirect-location metadata.

Here’s how 👇

Read more →

Deploying this Hugo blog to AWS S3

Deploying this Hugo blog to AWS S3

This blog is built with Hugo — an open-source static site generator. Static websites require no server side processing, which makes them easier to host and opens up new hosting possibilities.

There are many options out there, but I deploy my website to AWS S3, using CloudFront to distribute it globally (aka. make it fast).

Here is the why and the how.

Read more →

Creating a series taxonomy in Hugo

Creating a series taxonomy in Hugo

I like the concept of blog post series — a large topic or project, broken up in smaller pieces. Easier to write, easier to read.

Here is how I implemented a series taxonomy in Hugo 👇

Read more →

Video solutions for this blog

Video solutions for this blog

I’m not a big fan of embedding YouTube videos, it adds a lot of weight to the page and I have limited control over it. It pulls in all kinds of styles, scripts and fonts from multiple domains. YouTube has a nocookie embed option, which is suppose to be privacy-friendly, but who knows.

So if not YouTube — what then? Vimeo is one option, it costs a few coffees per month. But it has some of the same problems as YouTube, as it also uses an iframe.

So I tried some other solutions.

Read more →

Dominant color background on cover images — with Hugo

Dominant color background on cover images — with Hugo

I recently added a CSS background color to my cover images, using the dominant color from the cover image itself. It is a nice effect, and gives the appearance of faster load time — should the image take some time to complete.

For my transparent cover images; I made the background very opaque, providing a soft touch of color. I think it looks nice 🙂

Here is how I did it. 👇

Read more →