Deploying Apps to the Cloud At Scale
summary
A working Angular shopping app plus an API gets pushed from a mono repo to Azure and deploys via GitHub Actions to Azure Static Web Apps, building in ~3 minutes and landing on a global CDN with HTTPS. The demo shows adding an api backed by Azure Functions, a routes.json fallback to eliminate 404s for client routes, and provider logins with easy auth plus a role called “preferred” that gates discounts — everything deploys and the auth/authorization flow actually works.
AI-written summary · about
chapters (25)
- 0:00Start
- 1:38What's the Current Time in Your Time Zone
- 8:17Static Web Apps
- 10:12Demo
- 10:33Code on Github
- 12:30Azure Static Web Apps
- 13:11Create a New Azure Static Web App
- 13:21Create a Static Web App
- 13:35Create a Static Web App
- 14:41What Is Your Build Path
- 16:00Open Actions in Github
- 19:03Git Pull
- 21:26Associate a Domain
- 21:48Custom Domains
- 24:14Global Scale
- 25:19Set Up Route Configuration
- 25:35Where Does Angular by Default Have a Folder That Will Automatically Deploy Its Assets to the Cloud
- 27:36Off Providers
- 29:35Final Solution
- 31:30Role Management
- 38:39Free Azure Account
- 38:53Preview versus Release
- 42:29Authentication Authorization
- 43:12Azure Storage
- 44:32Http Interceptors
related talks
18mDeploying Secure Angular Apps that Scale
36mAzure Static Web Apps
47mCode and Deploy Angular to the Cloud
31mFrom Code to Scale! Build a Static Web App in Minutes
24mStatic (?!?#🙀) Web Apps
45mDeploying your Static Web App with Your Favorite Framework in Minutes
45mDeploy Your Static Web App with Your Favorite Web Framework
26mBuilding your Brand Using Azure Static Webapps, One Step at a Time