Web Development

Creating and Hosting a Hugo Web App on AWS Amplify with a Namecheap registered Domain

Setup In this tutorial, we’ll guide you through the process of creating a new Hugo web app, hosting it on AWS Amplify, and connecting it to a custom domain already registered. Execute Prerequisites An AWS account. A domain name registered. Step 1: Creating a New Hugo Site Install Hugo: brew install hugo # For macOS # or sudo apt-get install hugo # For Ubuntu Create a new Hugo site:

Continue reading

Creating SVG Components in Hugo

Setup In this tutorial, we’ll delve into the process of creating reusable SVG components in Hugo. We’ll start by crafting an svgImage.html partial, which will be the foundation for our svgButton.html partial. By the end of this guide, you’ll have a flexible SVG button component that can be easily customized and integrated into your Hugo site. Execute Motivation I wanted to add a clickble Linktree icon similar to my Instagram and Twitter buttons, but unfortunately there’s no Linktree icon in FontAwesome.

Continue reading