Deploying Hugo Websites to AWS CloudFront and S3 for Faster Content Delivery
A new way to deploy my hugo websites
A simple and cost-effective approach to deploying Hugo projects to AWS CloudFront.
I have and still do use services like AWS Amplify and Netlify to automate my CI/CD pipeline for many of my projects, triggered by a GitHub check-in and running in GitHub Actions. However, for a recent photography project that involved deploying a large number of files, storing everything in GitHub wasn’t feasible. I needed a solution that was simple, affordable, and delivered high performance. That’s when I decided to use AWS CloudFront with an S3 bucket, integrated with an SSL certificate generated through CloudFront.
Why AWS CloudFront?
Tarragon Beets Salad
This was an attempt to copy a salad from Bristol Farms. I ended up modifying it quite a bit from the initial ingredients.
Latest stuff
Fonts & Icons
fonts
- Chalkduster Font
- Lexend+Zetta font
- Titillium Web
- Ruda
- Tauri
- Cormorant Garamond
- Bodoni
Magazine cover font
- Baskerville
- Inter
One of the original digital Fonts
- Roboto
icons
Hugo
General
- Deploying a Hugo site to AWS S3 and Cloudfront
- Hugo deploy with cloudfront
- Joe Mooring writes about Hugo
- Hugo Survival Guide
- Directory Structure Explained
- Hugo Pipes Revolution
- Hugo In Action by Atishay Jain
- A simple javascript search function
- Hugo Nerd
Setup
Hugo image processing
- Markus Wolf Image resource guide
- devnodes image convert guide
- Matin van Vreeden image shortcode
- dnb pictures
Hugo modules
Hugo themes
A clean starter theme that has a lot of functionality built in. Translated into 4 languages with i18n functions.