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.
Hugo Helpers
Here are some useful partials I use in this theme.
layouts/_default/_markup/render-image.html
This replaces the default markup template for rendering an image when the markdown code ![Alt Text](/path/to/img.jpg)
is used. It calls another partial you have to add to your theme or layout directory in your site called ImageConverter.
Link Graveyard
Links to help you build and work on the Internet
Where I bury my favorite resources
The link graveyard is my page for remembering where I found stuff – whether it’s something I learned, something cool I stumbled upon, or maybe just a friend’s site.
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.
Pick a Square Game
Pick a Square, any Square! Only $n a square! Step right up folks and get your lucky square.
This was kind of a challenge from a friend of mine. He wanted squares for an event that was a website - html, not an image, that could be used on a big screen at a venue AND printed out on a poster OR standard paper all in one url, just works for all of those.
Pick a Squares Game
I created a pick-a-squares game template, aka the Super Bowl squares. It is still a work in progress, but I hope to have it snazzy in time for next year. Take a look at the template.
Project Goals
- Ability to enter people into squares
- Generate random score rows with animated flourish
- Presentation mode for big screen action with controller to enter periodic scores
- Calculate payouts based on price of a square
Project Timeline
- Launch in time for SB LIX
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.
The Ryder Theme for Hugo
Introducing the Ryder theme, a theme for the hugo static website generator. This is an open-source Hugo theme boasting Tailwind CSS, FontAwesome integration, and customizable features. Perfect for beginners and seasoned developers alike, kickstart your website with this versatile theme.
Ironcove Solutions Orchestration Engine
Workforce Onboarding: A Case Study of Ironcove Solutions’ Orchestration Engine
I was hired by Ironcove Solutions to lead product development for a new application they were developing called the Orchestration Engine, an application designed to streamline workforce onboarding processes. We collaborated closely with the team from Ironcove Solutions to bring their vision to life.
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.
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
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.
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.