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
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.
image gallery resources
Hugo recipe websites
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
The Web
- What screens want
- The webs grain
- the 12 factors. To build solid web applications start with the fundamentals
- The techno-optimist manifesto
- Steve Francia workshop slides “Product Management for everyone”
- Steve Yegge Portrait of n00b
- OSInt and privacy Experts
Machine Learning and Artificial Intelligence
general
coding agents
on automation
ml datasets
LLM tools
LLM Testing tools
Financial Model Backtesting and Simulation Tools
Model Evaluation & Validation Tools
Testing Bias & Fairness
Stress Testing and Edge Case Testing
Performance and Monitoring Tools
Unit Testing for Machine Learning
Art
Art tech services companies
ASSOCIATION FOR THE MEDIATION AND PROMOTION OF MUSIC, ART AND CULTURE
Portfolio sites
A changing list of artist portfolio sites I enjoy
Spotify Top Artists for June 2024
Spotify API feed
These are some of the recent artists from Spotify. I made a taxonomy of musical genres so each genre has a page on this site now which you may explore from the musical genres page.
Musical Genres
Every musical genre in my recent tracks. This page was generated with the Spotify API , please read our full disclosure on our use of this data.
Content Adaptor Projects
Content Adaptors come to Hugo!
A long anticipated release has come to the hugo static site generator that will be a real game changer. This is part of release v0.126.0. The new feature, called Content Adaptors allows you to generate static pages in your public directory at build time from a remote resource, such as an api.
Ingredients Section
Check out the new Ingredients Taxonomy pages
Using Taxonomy effectively
As part of the recipe template configuration being developed for The Ryder Theme for Hugo websites, a new taxonomy is created for ingredients. Ingredients are not the same as recipeIngredients; they are defined as an array in the front matter. I didn’t want a taxonomy page generated for every single recipe ingredient, so I created a separate variable. The recipeIngredients are used to display the ingredients on the page and for the recipe schema, ensuring the pages are properly displayed as recipe rich results in Google and other search engines.
Midori MD Dot Square Notebook
Easy going writing surface
This notebook has a flexible and strong spine and extra smooth paper that feels great for extended long hand writing sessions.
Buy Midori Notebook on Amazon.com
Tag Cloud
Cloudy days a hoy-hoy
I found this partial to create a tag cloud on Mert Bakir’s personal website and I have been adapting the code to suit my needs for this project, for now I’m just leaving it under this project page until I can decide what to do with it.
Recipe Template for Ryder Theme
Optimize Recipe Content with the Schema
The recipe templates for The Ryder Theme for Hugo websites are progressing well. Today I released an update that creates the schema.org json-ld specification tags for a recipe. This allows your recipe content to show up as “rich content” in search engines and social media platforms.
