Combining the powers of Azure SWA and APIs

on YouTube ↗58m

" summary

Azure Static Web Apps integrates APIs two ways: managed API = Azure Functions (consumption, single function app, limited runtimes) or bring-your-own = Functions/App Service/Container Apps/API Management linked under a fixed /api route with same-origin calls, 45s HTTP timeout and no WebSockets. Authentication flows via X-MS-CLIENT-PRINCIPAL header (base64 client principal), role invites and built-in providers. Demos show Blazor WASM calling managed and BYO APIs, GraphQL via HotChocolate, gRPC using grpc‑web with special CORS/headers, container CI to ACR via GitHub Actions, SW CLI local emulation, and Data API Builder for direct DB endpoints. Some integration quirks and CI setup required.

AI-written summary · about

" chapters (16)

1. 0:00Azure Static Web Apps intro
2. 3:22Why use Azure SWA
3. 10:04Managed API in SWA
4. 13:57Demo: managed API
5. 18:16Bring your own API
6. 19:47Demo: external API
7. 23:00Auth in SWA
8. 28:01Demo: role-based access
9. 33:00SWA with App Service
10. 34:26Demo: GraphQL with ACA
11. 44:57gRPC with SWA
12. 47:29Demo: gRPC integration
13. 51:23Local dev with SWA CLI
14. 53:26Database connections in Azure Static Web Apps
15. 57:22Demo: DB-driven API
16. 57:44Summary & Q&A

" related talks

• 59mAzure Static Web Apps for the EnterpriseStacy Cashmore · NDC London 2023
• 27mAzure Static Web Apps for the EnterpriseStacy Cashmore · DevWorld 2024
• 26mBuilding your Brand Using Azure Static Webapps, One Step at a TimeStacy Cashmore · JSWorld Conference 2022
• 26mMastering Azure Statis Web Apps code, config, deployRick Van Den Bosch · Devworld Conference 2025
• 45mDeploying your Static Web App with Your Favorite Framework in MinutesJohn Papa · All Things Open 2020
• 08mDevOps + Azure Static Web AppsDonovan Brown · Azure Static Web Apps Anniversary 2022
• 36mAzure Static Web AppsDan Wahlin, Jon Papa · Reliable Web Summit 2021
• 49mDeploying Apps to the Cloud At ScaleJohn Papa · angularday 2020