Crazy Web Performance with Azure Static Web Apps

on YouTube ↗24m

" summary

Shows an Astro site built, pushed and auto-deployed via GitHub Actions into Azure Static Web Apps, with per-PR staging URLs spun up and torn down in ~20–60 seconds. Demonstrates an API implemented as Node.js Azure Functions under an /api folder returning random John Wick quotes, served same‑origin so no CORS fiddling. Notes limits and prices: free tier suffices for most, standard is $10/month, and route redirects via the routes file cap out around ~250 entries.

AI-written summary · about

" chapters (11)

1. 0:00Azure Static Web Apps intro
2. 1:45Static app with Astro
3. 3:33Deploy to Azure SWA
4. 5:42GitHub Actions deployments
5. 7:30Free vs Standard plans
6. 8:54Staging for PRs
7. 14:20Custom routes and redirects
8. 17:37Serverless APIs with Functions
9. 21:39API options and CORS
10. 22:46Enterprise features and domains
11. 23:52Q&A

" related talks

• 30mBuild Faster, Better Apps with SSG, Headless CMS & Azure Static Web AppsAshish Sahu · Developers Summit 2021
• 44mAzure Static Web Apps with Blazor and .NETMelissa Houghton · NDC Oslo 2023
• 48mAzure Static Web Apps with Blazor and .NETMelissa Houghton · NDC London 2023
• 59mServerless frontend, serverless backend, serverless security!Nick Trogh · JSConf Belgium 2020
• 35mHosting Single Page Apps in AzureMasi Malmi · Global Azure Virtual 2020
• 42mJamstack, static sites and AzureFacundo Giuliani · AzConf 2020
• 46mBuild and ship global full stack serverless web apps Q&ADaria Grigoriu, Matt Hernandez, Shawndell Elfring, Mikayla Soucie, Thomas Gauvin, Mitali Karmarkar · Microsoft Build 2023
• 48mCloud Computing: Static Sites and Serverless ...Mariusz Ferdyn · 4Developers 2020