Category: Uncategorized

Setting up CI/CD with Github Actions Hopefully you’ve taken a break since finishing the frontend setup. We’ve successfully setup a static website in Azure, configured a CDN, and enabled HTTPS with our resume in HTML. That in itself is a huge achievement! I felt out of my element for most of it, but I really…

In my pursuit to use my root domain techbrett.net work properly within Azure for a static website, and HTTPS, I utilized Cloudflare’s CNAME flattening and an SSL cert purchased from Namecheap. In that process, I tried a variety of ways to force a redirect for the root domain to the https:// or https://www. equivalent, but…

Working with HTML and CSS to create the resume frontend It will be easiest to begin this process after you’ve got your HTML resume working locally and know that your CSS looks how you want it to. The goal of this project isn’t to become an expert frontend developer, so don’t feel bad if you…

Enabling HTTPS on your Azure CDN Alright, we’re on the home stretch! Now that we’ve purchased an SSL cert for $11 on Namecheap, and added it to our Azure Key Vault, we can use that certificate to validate our domain and deliver the site using HTTPS. Open up the Front Door and CDN profiles within…

Import SSL cert into Azure Key Vault I’ll admit I struggled with this part of the challenge. Originally I tried using email to verify the SSL cert (since the CNAME was taking so long to verify), but I quickly learned that you need to verify it within Azure for it to work properly. And to…

Root Domains and CNAME Flattening Before I got to this step of the Cloud Resume Challenge, I did not fully understand how a website or a domain works. And I still don’t. Things like www being it’s own subdomain, how exactly CNAME records work, and the intricacies of SSL certs and HTTPS. But I really…

Setup a CDN Endpoint for HTTPS So far, so good! We’ve got a storage account setup with our files uploaded, and we can access our site using our custom domain name with http and the www subdomain. But part of the Cloud Resume Challenge is configuring a CDN within Azure and enabling HTTPS. This is…

Enable custom domain for Azure Static Website and Storage Account Now that we’ve got our files in a storage container, we need to make them easily accessible via a custom domain. You can view the static website endpoint by clicking on Settings – Endpoints. You’ll see the static website URL which will display your page.…

Enabling Static Website for Azure Storage Account We’ll start off by clicking Static website and clicking Enabled. Input index.html for the Index document name, and it’s up to you if you want to add a 404.html for the Error document path. Enabling the static website will also create a $web folder in Containers. Navigate to…

Creating an Azure Storage Account I’m going to assume you’ve already created an Azure account and are logged into the dashboard. From there navigate to Storage accounts and create a new one, creating a new resource group for this project and giving it a unique account name. Region should auto select and select Standard performance…

A new way to write a resume! Using HTML and CSS to create the frontend It will be easiest to begin this process after you’ve got your HTML resume working locally and know that your CSS looks how you want it to. The goal of this project isn’t to become an expert frontend developer, so…