Azure Static Web Apps - From Zero to Deployed App In 60 Minutes

on YouTube ↗59m

" summary

Starts from an empty GitHub repo, scaffolds a Blazor WebAssembly front end and an Azure Functions API that pulls blog posts (demo uses the dev.to API), then pushes to GitHub Actions and deploys to an Azure Static Web App (free tier) with global CDN and custom domain. Local debugging uses the Azure Static Web Apps CLI to proxy the API; authentication leverages built‑in providers (Twitter/GitHub/AAD), server reads X-MS-CLIENT-PRINCIPAL header for roles, and portal role invites are limited to 25 users on the free plan. Production deploy works even when the local demo hiccups.

AI-written summary · about

" chapters (10)

1. 0:00Introduction and motivation
2. 2:17Setting up the project
3. 8:20Cleaning up the Blazer app
4. 15:37Creating Azure Static Web App
5. 21:34Running locally with CLI
6. 29:41Deploying to production
7. 30:03Adding authentication
8. 43:33Securing the API
9. 47:02Adding custom domain
10. 57:50Summary and next steps

" related talks

• 26mMastering Azure Statis Web Apps code, config, deployRick Van Den Bosch · Devworld Conference 2025
• 36mAzure Static Web AppsDan Wahlin, Jon Papa · Reliable Web Summit 2021
• 45mDeploying your Static Web App with Your Favorite Framework in MinutesJohn Papa · All Things Open 2020
• 24mStatic (?!?#🙀) Web AppsShmuela Jacobs · ngVikings 2020
• 31mFrom Code to Scale! Build a Static Web App in MinutesJohn Papa · JSNation Live 2020
• 45mDeploy Your Static Web App with Your Favorite Web FrameworkJohn Papa, Burke Holland · All Things Open 2020
• 11mHow I created my brand using Static Web Apps with Blazor and Azure FunctionsStacy Cashmore, Frank Boucher · Azure Static Web Apps Anniversary 2022
• 30mBuild Faster, Better Apps with SSG, Headless CMS & Azure Static Web AppsAshish Sahu · Developers Summit 2021