Azure Static Web Apps
Â
Intro
Azure Static Web Apps is a service that automatically builds and deploys full stack web apps to Azure from a code repository.
Documentation
Â
Tips and Tidbits
Static web apps are commonly built using libraries and frameworks like Angular, React, Svelte, Vue, or Blazor where server side rendering is not required.
These apps include HTML, CSS, JavaScript, and image assets that make up the application.
With a traditional web server, these assets are served from a single server alongside any required API endpoints.
Â
Â
With Static Web Apps, static assets are separated from a traditional web server and are instead served from points geographically distributed around the world.
This distribution makes serving files much faster as files are physically closer to end users. In addition, API endpoints are hosted using a serverless architecture, which avoids the need for a full back-end server all together.
Authentication provider integrations with Azure Active Directory, GitHub, and Twitter.
Azure Static Web Apps provides managed authentication that uses provider registrations managed by Azure.
To enable more flexibility over the registration, you can override the defaults with a custom registration.
Custom authentication also allows you to configure custom providers that support OpenID Connect. This configuration allows the registration of multiple external providers.
Hosting Plans
Feature | Free plan | Standard plan |
---|---|---|
Web hosting | ✔ | ✔ |
GitHub integration | ✔ | ✔ |
Azure DevOps integration | ✔ | ✔ |
Globally distributed static content | ✔ | ✔ |
Free, automatically renewing SSL certificates | ✔ | ✔ |
Staging environments | 3 per app | 10 per app |
Max app size | 250 MB per app | 500 MB per app |
Custom domains | 2 per app | 5 per app |
APIs via Azure Functions | Managed | Managed or |
Authentication provider integration | Pre-configured | Custom registrations |
Assign custom roles with a function | - | ✔ |
Private endpoints | - | ✔ |
Service Level Agreement (SLA) | None | ✔ |
Â
Â
Creating a Static Web App
Â
Â
Â