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
Recipes
Recipes I have collected, created or modified over the years.
I get very frustrated by the recipe websites out there today. The ones that dominate in the search results are usually SEO over-engineered pages with too-long content describing all sorts of different things you really don’t care about, with too many confusing ads mixed-in.
Hiking
Maps, Guides and Logs
One of my greatest joys is being outdoors in a wide open space with nothing made by man in sight. At times, I do have to come back to reality, and occasionally when I do, I will share routes, guides, maps, and from time to time, gear recommendations.
Join alltrails using this link and they will plant 2 trees after you join.
Westchester, Playa Del Rey, and Playa Vista Hiking Guide
Great hiking near LAX
This part of Los Angeles has a lot of surprisingly remote feeling hikes. Located just north of LAX these three neighborhoods have a beach, the second largest open space in Los Angeles (ballona wetlands), and a bluff side hiking trail with expansive city, mountain and ocean views.
Join alltrails using this link and they will plant 2 trees after you join.
Jet Pets
Private dog friendly open space
Jet Pets is an animal transportation company located in Playa Del Rey very close to LAX. They have a large field on their property that is fenced in and they keep it open most days and allow you to walk your dog there.
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.
Oberrieder Dog Park
The happiest place on earth
Oberrieder Dog Park is a large, partially shaded woodchip covered enclosure for dogs and humans to relax and enjoy the company of other dogs (and humans). It is next to a beautiful walking path along the oberreider wetlands with views of the bluffs under LMU. This path easily connects to the Bluff Creek Trail for the back half of a 4.5 mile loop.
Book Store Sample Data
Example
I just followed the example here on the hugo docs to set up the simple books demo, but I intend to use this new feature to build out some great new dynamic content for content marketing purposes, such as lists of top products.
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.
Github Action to Create New Content in Hugo
I use Hugo a lot for my web development work, and I think it is pretty great. The one problem with it for many non-technical people I work with is that there is no CMS feature, they want a website administration page where they can do the usual.
Adding Leaflet to Ryder Theme
I made this quick and easy shortcode to get started using leaflet.js in the Ryder Theme for Hugo Websites, as I add more features supported by leaflet to the shortcode I might update this page.
Arts-Link.com
https://www.arts-link.com is the first domain I ever purchased. I believe it was around 2001. It has been various different websites throughout the years, including not a web-site at all. In this rendition it is an organization which is set up to support artists in their technical needs, to free them from the discratction of such things as self-promotion and websites.
Tunnel Localhost Server Through Cloudflare
A tunnel to your desktop
This is something I have done in the past and it usually involved pretty in-depth knowledge of the shell and networking, but now there is a free service that makes it oh-so-easy to spin up a tunnel with a public human readable domain name for temporary viewing of your local network development environment on the internet.
Pines Image Gallery With Hugo
A super simple alpinjs image gallery
The first place I used this is on the recipe page about my mom’s family recipe cookbook
Bluff Creek Trail
AKA LMU Trail, AKA Westchester fireroad trail
The Bluff Creek trail is a nice mostly flat partially paved/dirt path that traverses the bluff just under LMU. Recommended as a loop with a couple mile trail and then couple miles walking in Playa Vista through Oberrieder park.