Static (?!?#🙀) Web Apps

on YouTube ↗24m

" summary

An Angular conference site is built, pushed to GitHub, and automatically built and deployed via GitHub Actions to Azure Static Web Apps where it serves prebuilt assets and exposes HTTP-triggered functions as the API. The service is preview/free in the basic tier, supports custom domains, per‑PR staging links, environment secrets, and role management. The demo deploy pipeline runs, the site and functions work, and the workflow requires setting the production build flag and configuring the build output path.

AI-written summary · about

" chapters (11)

1. 0:00Intro
2. 1:18Why Static Web Apps
3. 3:10My Web App
4. 3:35My Website
5. 5:45Commit
6. 8:35Setup
7. 12:40Other Static Web Apps
8. 15:10Testing
9. 16:50GitHub Workflows
10. 18:00GitHub Demo
11. 21:30Additional Resources

" related talks

• 36mAzure Static Web AppsDan Wahlin, Jon Papa · Reliable Web Summit 2021
• 26mBuilding your Brand Using Azure Static Webapps, One Step at a TimeStacy Cashmore · JSWorld Conference 2022
• 45mDeploy Your Static Web App with Your Favorite Web FrameworkJohn Papa, Burke Holland · All Things Open 2020
• 59mAzure Static Web Apps - From Zero to Deployed App In 60 MinutesStacy Cashmore · CloudBurst 2022
• 31mFrom Code to Scale! Build a Static Web App in MinutesJohn Papa · JSNation Live 2020
• 45mDeploying your Static Web App with Your Favorite Framework in MinutesJohn Papa · All Things Open 2020
• 30mBuild Faster, Better Apps with SSG, Headless CMS & Azure Static Web AppsAshish Sahu · Developers Summit 2021
• 26mMastering Azure Statis Web Apps code, config, deployRick Van Den Bosch · Devworld Conference 2025