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.




Hosting Plans

Feature

Free plan
(For personal projects)

Standard plan
(For production apps)

Feature

Free plan
(For personal projects)

Standard plan
(For production apps)

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
Bring your own Functions app

Authentication provider integration

Pre-configured
(Service defined)

Custom registrations

Assign custom roles with a function

-

✔

Private endpoints

-

✔

Service Level Agreement (SLA)

None

✔

 

 


Creating a Static Web App

 

 

Â