Astro.js + Umbraco Headless CMS + Azure Static Web Apps
For marketing and corporate websites, performance, reliability, and cost efficiency matter more than complex backend infrastructure. In this post, we’ll walk through how we built and host a content-driven corporate website with zero hosting cost, using:
Astro.js for static site generation (SSG)
Umbraco CMS (Headless) for content management
Azure Static Web Apps (Free Tier) for hosting
GitHub Actions for automated builds and deployment
This setup is ideal for marketing websites, blogs, landing pages, and corporate sites where content changes infrequently but performance is critical.
Architecture Overview
The key idea is simple:
Use a CMS only when content changes, and serve everything else as static files.
High-Level Flow
Content editors manage content in Umbraco CMS
Content is exposed via Umbraco Content Delivery API
Astro.js fetches content at build time
Static pages are generated and deployed via GitHub Actions
Site is served globally via Azure Static Web Apps
Because the CMS is not used at runtime by visitors, it can comfortably run on a free or low-tier plan.
Why Astro.js for a Corporate Website?
Astro is purpose-built for content-driven websites, and it shines in this use case.
Key Astro.js Benefits
Exceptional Performance
Ships zero JavaScript by default
Pages render as pure HTML unless interactivity is needed
Results in excellent Core Web Vitals and SEO scores
Framework Agnostic
Use React, Vue, Svelte, or plain HTML where needed
No framework lock-in
Static Site Generation (SSG)
Ideal for blogs, documentation, and marketing sites
Pages are generated at build time, not runtime
Developer Friendly
Simple file-based routing
Clean component syntax
Easy integration with APIs and CMS platforms
Astro allows you to build a modern site without the complexity of a traditional SPA.
Why Umbraco as a Headless CMS?
Umbraco is a mature, enterprise-grade CMS with a strong editor experience and it works extremely well as a headless CMS.
Why Umbraco Works Well Here
Content Editor Friendly
Clean, intuitive backoffice UI
Excellent content modeling
Ideal for marketing teams and non-technical editors
Headless Content Delivery API
Built-in REST API for published content
Secure, structured, and predictable
Perfect for static site generation
Mature & Proven Platform
Long-standing .NET ecosystem
Actively maintained and well-documented
Suitable for corporate and enterprise use
Free Hosting Friendly
SQLite database is sufficient for small to medium content sites
CMS is only active during content updates
Can be stopped or idled when not in use
Since the CMS is not serving live traffic, performance requirements are minimal.
Azure Static Web Apps (Free Tier)
Azure Static Web Apps is a perfect match for Astro-generated sites.
Features Included in the Free Tier
Global CDN
Free SSL certificates
Custom domains
Instant rollbacks
GitHub Actions integration
Zero hosting cost
Static files are served directly from Azure’s edge network, making the site fast worldwide.
Hosting the CMS on Azure (Free Plan)
The Umbraco CMS backend is hosted on Azure App Service – Free Tier with:
SQLite database
No autoscaling
Limited compute (which is enough)
Why the Free Plan Is Enough
CMS is accessed only by editors
No public traffic hits the CMS
Used only when:
Content is updated
Static site regeneration is triggered
This dramatically reduces resource usage and cost.
CI/CD with GitHub Actions
Content updates follow this workflow:
Editor updates content in Umbraco
A manual or webhook-triggered GitHub Action runs
Astro fetches content from Umbraco API
Static site is rebuilt
New version is deployed to Azure Static Web Apps
This ensures:
No runtime dependency on the CMS
Predictable builds
Simple rollback if needed
Ideal Use Cases
This architecture is perfect for:
Corporate websites
Marketing sites
Blogs & content hubs
Product landing pages
Documentation sites
If your content changes weekly or monthly, this setup is both efficient and scalable.
This approach proves that you don’t need expensive infrastructure to build a fast, secure, and professional corporate website.
Let’s Build Something Smart Together
Please contact us if you are looking for cost-effective, secure, and scalable solutions including enterprise applications, digital marketing, and technology consultancy.
We’d be happy to discuss how we can help you achieve your business goals.