Develop production-scale modern web apps quickly with Azure Static Web Apps

Posted on 12 May, 2021

Principal PM Manager, Azure Static Web Apps

Azure Static Web Apps was first announced in preview in May 2020 and today we are happy to announce the general availability of Azure Static Web Apps, including a free plan for easy product exploration and a standard plan for advanced capabilities supported by an enterprise Service Level Agreement (SLA). The Azure Static Web Apps hosting service aligns with the growing demand from consumers and businesses to establish a web presence with global reach and minimal effort.

Modern web app design patterns leverage microservices best practices for performance, agility, and extensibility. Azure Static Web Apps is a turnkey service for these modern full-stack web apps with pre-built and pre-rendered static front-ends, and serverless API backends. Develop with popular front-end frameworks or static site generators, quickly build and test your apps locally, and deploy with a simple check-in. This enables you to focus on your app, while Azure takes care of the deployment and infrastructure.

With Azure Static Web Apps you can take advantage of features designed for high productivity:

  • 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

From code to cloud with Azure Static Web Apps

Azure Static Web Apps works with both GitHub and Azure DevOps to keep your apps up to date as your code changes with no DevOps configuration required. Commits and pull requests trigger a tailored workflow to build and deploy your app to Azure. Preview environments are created for pull requests to make it easy to validate changes before you merge them.

Every Azure Static Web App gets a free SSL certificate that is fully managed and automatically renewed by Azure. You can bring your own custom domain, and we're also introducing full support for root domains through ALIAS records with this release.

Azure Static Web Apps integrates with Azure Functions to simplify extending your app with serverless API endpoints. Starting with this release you can even bring an existing Azure Functions project and use that as your API. This allows you to take advantage of the full set of triggers, bindings, and extensions that Azure Functions offers. Azure Functions scale dynamically so your app is always ready to meet market demand.

Authentication and authorization are built-in as well. You can use our authentication flow with granular route security. Plus, now you can bring your own authentication provider and integrate it with your static web app.

Development from Azure Static Web Apps benefits from a tailored VS Code extension. The extension is designed for high productivity and makes it easy to create static web apps, extend with serverless APIs, and establish a deployment workflow. The new Azure Static Web Apps CLI provides a high-fidelity local replica of the cloud production environment with mocked hosting platform features for authentication, custom routing, and authorization rules to support local development.

With the VS Code Static Web Apps extension you can use libraries and frameworks like Angular, React, Svelte, Vue to create your web app.

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.

Get started with Azure Static Web Apps today

Web