Azure Static Web Apps Goes GA -- Visual Studio Magazine

Azure Static Web Apps Goes GA

By David Ramel
05/17/2021

Call it low-code for the web: Azure Static Web Apps has reached general availability, providing a quick onramp to full-stack projects with static front ends and dynamic back ends powered by Azure Functions serverless computing.

The project, announced in preview during Microsoft's 2020 Build conference, lets developers use a variety of front-end frameworks or site generators to create the static, customer-facing component of a full-stack web app. To simplify the process, the turnkey service provides pre-built and pre-rendered static pages. To even further simplify things, no server work is required, as dynamic back-ends can be created via serverless computing, namely Azure Functions, in which code blocks are typically executed in response to actions or events. Yet even more simplification is provided with a Visual Studio Code extension, still in preview.

What's more, continuing on the low-code theme, authentication and authorization functionality is baked in with a free, fully managed, automatically renewed SSL certificate. Apps can also be hooked into DevOps schemes like GitHub and Azure DevOps.

While Azure Static Web Apps started out with a strictly JavaScript focus, Blazor support was added in September 2020, allowing C#-based projects.

Thus the gamut of more than two dozen front-end frameworks that can be used to create static web pages includes: Angular, React, Svelte, Vue, Blazor, Flutter and so on. The graphic below shows how developers are prompted to choose a build preset to configure a default project structure:

**[Click on image for larger view.]** Build Presets *(source: Microsoft).*

Microsoft also announced a new preview Azure Static Web Apps CLI as a local development tool that replicates the cloud production environment, serving as a mocked hosting platform to work with authentication, custom routing and authorization rules.

So the full range of features of the service highlighted by Microsoft includes:

Globally distributed content for production apps
Tailored CI/CD workflows from code to cloud
Auto-provisioned preview environments
Custom domain configuration and free SSL certificates
Built-in access to a variety of authentication providers
Route-based authorization
Custom routing
Integration with serverless APIs powered by Azure Functions
A custom Visual Studio Code developer extension
A feature-rich CLI for local development

Pricing options include a free offering for hobbies or personal projects, while the standard general-purpose plan costs $9 per app per month along with bandwidth overage fees.

"Azure Static Web Apps is a great option to accelerate the development and time to market for full-stack modern web apps using commonly built libraries and frameworks like Angular, React, Svelte, Vue, or Blazor," said Daria Grigoriu, Principal PM Manager, Azure Static Web Apps, in a May 12 announcement.

One reader agreed in a comment: "This is great news! Azure Static Web Apps are simple way to get web content up and live with Azure Functions backends. You commit to GitHub and GitHub Actions once configured auto builds and deploys the site to Azure :)"

You can learn more with Azure Static Web Apps documentation.

About the Author

David Ramel is an editor and writer at Converge 360.

Printable Format

comments powered by Disqus

Featured

Mastering Blazor Authentication and Authorization

At the Visual Studio Live! @ Microsoft HQ developer conference set for August, Rockford Lhotka will explain the ins and outs of authentication across Blazor Server, WebAssembly, and .NET MAUI Hybrid apps, and show how to use identity and claims to customize application behavior through fine-grained authorization.
Linear Support Vector Regression from Scratch Using C# with Evolutionary Training

Dr. James McCaffrey from Microsoft Research presents a complete end-to-end demonstration of the linear support vector regression (linear SVR) technique, where the goal is to predict a single numeric value. A linear SVR model uses an unusual error/loss function and cannot be trained using standard simple techniques, and so evolutionary optimization training is used.
Low-Code Report Says AI Will Enhance, Not Replace DIY Dev Tools

Along with replacing software developers and possibly killing humanity, advanced AI is seen by many as a death knell for the do-it-yourself, low-code/no-code tooling industry, but a new report belies that notion.
Vibe Coding with Latest Visual Studio Preview

Microsoft's latest Visual Studio preview facilitates "vibe coding," where developers mainly use GitHub Copilot AI to do all the programming in accordance with spoken or typed instructions.
Steve Sanderson Previews AI App Dev: Small Models, Agents and a Blazor Voice Assistant

Blazor creator Steve Sanderson presented a keynote at the recent NDC London 2025 conference where he previewed the future of .NET application development with smaller AI models and autonomous agents, along with showcasing a new Blazor voice assistant project demonstrating cutting-edge functionality.