Deploy Your Static Web App with Your Favorite Web Framework

on YouTube ↗45m

" summary

Shows how to go from a GitHub repo to a live site using Azure Static Web Apps and GitHub Actions: create a repo from a template (Svelte Vue React Angular options), run npm build, push a workflow that builds and deploys static files and optionally Azure Functions APIs, gets an SSL domain and global edge CDN, and adds a fallback route (routes.json) to stop 404s on client routes. Live demo builds and deploys successfully though screen‑sharing hiccups interrupt parts of the walkthrough.

AI-written summary · about

" chapters (17)

1. 0:00Start
2. 0:06Deploying Static Web Apps to the Cloud
3. 9:05What's the Advantage of Using Azure Static Web Apps Opposed to Azure App Service Is Static Web Apps Cheaper
4. 9:33Azure App Service
5. 11:18Live Demo
6. 17:50Create a Repository
7. 23:55Git Comes with Npm and Node
8. 24:34Connect Our Github Instance To Get Our Static Web App to Github
9. 25:20Activate Sandbox
10. 27:56Create a Static Web App
11. 29:04Extension Is Incompatible with Your Version of Vs Code
12. 30:39Refresh vs Code
13. 33:50Create the Static Web Apps
14. 35:52Open in Portal
15. 37:23View the Website
16. 39:25Pull the Latest Code
17. 40:52Build and Deploy

" related talks

• 31mFrom Code to Scale! Build a Static Web App in MinutesJohn Papa · JSNation Live 2020
• 36mAzure Static Web AppsDan Wahlin, Jon Papa · Reliable Web Summit 2021
• 18mDeploying Secure Angular Apps that ScaleJohn Papa · EnterpriseNG 2020
• 24mStatic (?!?#🙀) Web AppsShmuela Jacobs · ngVikings 2020
• 19mImplementing automated process that leads to DevOps successJay Gordon, April Edwards · #MSCreate: DevOps 2021
• 59mAzure Static Web Apps - From Zero to Deployed App In 60 MinutesStacy Cashmore · CloudBurst 2022
• 26mMastering Azure Statis Web Apps code, config, deployRick Van Den Bosch · Devworld Conference 2025
• 26mBuilding your Brand Using Azure Static Webapps, One Step at a TimeStacy Cashmore · JSWorld Conference 2022