From Code to Scale! Build a Static Web App in Minutes
summary
Builds a static web app from a GitHub repo to Azure Static Web Apps in minutes using GitHub Actions, with build settings (app folder, API folder, artifact/public) and optional Azure Functions for APIs. Produces global CDN-hosted assets with automatic HTTPS and easy custom domain via CNAME, handles client-side routing with a routes.json fallback, and creates per-pull-request preview URLs. Supports Angular React Svelte Vue and many others, integrates five auth providers and a portal-based role invite flow, and shows deployment logs, errors (like mistyped API folder), and preview vs production separation.
AI-written summary · about
chapters (27)
- 0:00Intro
- 1:30Security
- 6:10GitHub Repository
- 8:17Review Deployment History
- 9:15Review Work Flow File
- 10:26Review Build and Deploy
- 11:03Review Deployed Application
- 11:54Add Custom Domain
- 12:30ClientSide Routes
- 12:59Fix 404
- 13:16Recap
- 13:52Getting our code locally
- 15:22Creating pull requests
- 16:06Final solution
- 16:33Pull request setup
- 17:14Authentication and authorization
- 17:33Setting up authorization
- 18:59Demo
- 20:03Role Management
- 20:35Conclusion
- 22:01Apples Birthday
- 22:26Frameworks
- 23:22GitHub
- 24:03Papa Johns
- 27:19GitHub Pages
- 28:28GitHub Issues
- 29:31What would you cook
related talks
45mDeploy Your Static Web App with Your Favorite Web Framework
45mDeploying your Static Web App with Your Favorite Framework in Minutes
18mDeploying Secure Angular Apps that Scale
36mAzure Static Web Apps
24mStatic (?!?#🙀) Web Apps
59mAzure Static Web Apps - From Zero to Deployed App In 60 Minutes
49mDeploying Apps to the Cloud At Scale
30mBuild Faster, Better Apps with SSG, Headless CMS & Azure Static Web Apps