Building your Brand Using Azure Static Webapps, One Step at a Time

on YouTube ↗26m

" summary

Creates an Angular + TypeScript site deployed on Azure Static Webapps, uses Azure Functions with axios to fetch posts from Dev.To and return article summaries, wires a GitHub-backed CI/CD pipeline that should auto-deploy, and runs locally with the SWA CLI for integrated front end and API debugging. Authentication comes out of the box (Twitter GitHub AAD), identity is injected into function headers, the demo mostly works but a GitHub outage breaks the live deployment.

AI-written summary · about

" chapters (9)

1. 0:00Building your brand matters
2. 2:51Azure Static Web Apps intro
3. 3:13Simple Angular app setup
4. 5:21Azure Functions backend
5. 7:50Frontend to backend connect
6. 10:21Deploy to Azure Static Web Apps
7. 15:34Run and debug locally
8. 20:03Adding authentication with ease
9. 24:40Summary and next steps

" related talks

• 59mAzure Static Web Apps for the EnterpriseStacy Cashmore · NDC London 2023
• 24mStatic (?!?#🙀) Web AppsShmuela Jacobs · ngVikings 2020
• 18mDeploying Secure Angular Apps that ScaleJohn Papa · EnterpriseNG 2020
• 45mDeploy Your Static Web App with Your Favorite Web FrameworkJohn Papa, Burke Holland · All Things Open 2020
• 26mMastering Azure Statis Web Apps code, config, deployRick Van Den Bosch · Devworld Conference 2025
• 45mDeploying your Static Web App with Your Favorite Framework in MinutesJohn Papa · All Things Open 2020
• 36mAzure Static Web AppsDan Wahlin, Jon Papa · Reliable Web Summit 2021
• 49mDeploying Apps to the Cloud At ScaleJohn Papa · angularday 2020