Testing Eleventy #
I have been wanting to test some static website generators for some time. I know of Hugo from a few years ago. Looks like there are a few more tools since. After reading Jekyll vs Hugo vs Gatsby vs Next vs Zola vs Eleventy, I decided to give Eleventy a try.
I researched a bit about easy and simple Eleventy templates to begin with and found eleventy-high-performance-blog from google. Clicking the 'Use this template' button generated a new GitHub repository of my own: test-blog.
Azure Static Web Apps #
Eleventy Documentation has a bunch of tutorials to get started. Deploying an 11ty Site to Azure Static Web Apps (by Chad Schulz) claimed Azure had a free offering for small hobby static sites. It's true!!!. And it includes a free SSL certificate for my custom domain. Sold!
Setup #
From the Azure Portal Create Static Web App, I configured:
Project Details
Subscription (Pay-As-You-Go)
Resource Group (testblog)
Static Web App Details
Name (test-blog)
Hosting plan
Plan type (Free)
Azure Functions and staging details
Region (West US 2)
Deployment details
Source (GitHub)
Organization (teawithtanya)
Repository (test-blog)
Branch (main)
Build Details
Build Presets (Custom)
App location (/)
Api location ()
Output location (_site)
The production GitHub Action started automatically and created a generated site at nice-desert-09c4d691e.azurestaticapps.net.
Next, I used Custom domains to add a CNAME DNS record pointing test-blog to nice-desert-09c4d691e.azurestaticapps.net.
🙏🙏🙏
Since you've made it this far, sharing this article on your favorite social media network would be highly appreciated 💖! For feedback, please ping me on Twitter.
Published