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.

Architecture:

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 https://www.gontcharov.eu.

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 https://www.gontcharov.eu.

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.