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.
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.