My website, the one you’re currently reading, was originally hosted on Netlify. I’m currently working a lot with the Microsoft Azure cloud for work. To practice my Azure skills, I migrated my website to Azure.


The image below shows the final architecture. On the left side there’s Visual Studio Code that I use as an editor to update my website. On the right the final users access my website on Azure via the URL

The two other main blocks are GitHub and Azure. On GitHub I use a Git repository to securely store my code and website text. When a change is detected, GitHub Actions automatically deploys an updated version of the website to Azure. On Azure, I use the Azure App Service to host a static web app.

Wide image with caption

How I write blog posts

The website is developed locally in a code editor. I use Visual Studio Code because it’s well integrated into the Microsoft ecosystem of GitHub and Azure. When I write a new blog article I push it to a branch article-name in my remote Git repository on GitHub. Each commit on that branch that is pushed to GitHub triggers a build of the website with GitHub Actions. A “test version” of the website is deployed and accessible by a URL. This allows me to inspect the changes. When everything looks good I open and merge a pull request from the article-name branch to the main branch. This triggers a new GitHub Actions workflow and updates the website on the URL

Advantages of Azure

Azure is a great choice for hosting static websites. There’s a free plan for hosting a hobby project like a personal website. The seamless integration with GitHub Actions makes updating the website very convenient. I like the fact that I can store my images separate from the text and code.