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

on YouTube ↗46m

" summary

Builds a Blazor WebAssembly site from an empty GitHub repo, backs it with an Azure Function that fetches dev.to articles (demo uses dev.to API), and deploys to an Azure Static Web App with an out‑of‑the‑box GitHub Actions CI/CD pipeline; local development uses the Static Web Apps CLI to proxy Blazor and functions; fixes routing with a staticwebapp.config.json fallback; role management supports 25 special users on free tier; deployment takes ~30 minutes and the app works. Blazor WebAssembly Azure Static Web Apps Azure Functions CI/CD via GitHub Actions

AI-written summary · about

" chapters (12)

1. 0:00Welcome and introduction
2. 5:42About the speaker
3. 8:52Setting up the Blazer project
4. 13:25Creating the API for blog data
5. 17:20Configuring Git and GitHub
6. 19:26Deploying to Azure Static Web Apps
7. 26:33Running the app locally
8. 31:52Testing the live deployment
9. 35:07Adding navigation fallback
10. 36:11Authentication with Azure AD
11. 41:59Adding custom domains
12. 44:26Wrap-up and resources

" related talks

• 43mBuilding your personal online brand using Static Blazor Apps, one step at a timeStacy Cashmore · Build Stuff 2021
• 40mAzure Static Web Apps for the EnterpriseStacy Cashmore · Øredev 2025
• 16mAzure cloud for the web frontend developersMaxim Salnikov · NDC Oslo 2020
• 28mBuild Serverless Apps with BlazorDaria Grigoriu, Fabio Cavalcante · .NET Conf: Focus on Blazor 2020
• 19mHow Static Web Apps saved time and money!Scott Hanselman · Azure Static Web Apps Anniversary 2022
• 47mMaking Static Dynamic - Adding SignalR to Azure Static Web AppsStacy Cashmore · Øredev 2025
• 59mServerless frontend, serverless backend, serverless security!Nick Trogh · JSConf Belgium 2020
• 26mServerless & Deploying to the Cloud with VSCODENatalia Venditto · JSWorld Conference 2022