Deploying Secure Angular Apps that Scale

on YouTube ↗18m

" summary

Demonstrates a full pipeline that goes from a GitHub repo to a globally served static site with CI/CD, SSL and a custom domain, using Azure Static Web Apps + GitHub Actions to build and geo-replicate, and Azure Functions as the API layer; shows a working deployment (staging preview URLs, cert issued), fixes like a routes.json fallback for client-side routing, and concrete auth/role rules (blocked providers, preferred role) that enable or restrict API access.

AI-written summary · about

" chapters (27)

1. 0:00Start
2. 0:38start with a story
3. 1:10connect those and route your requests from your app to your api
4. 1:43to publish your app
5. 2:07moved the application responsibilities from the server entirely into the client
6. 2:45deploy our angular applications
7. 3:24create an api folder in your project
8. 3:54publish your application
9. 4:39authenticate with github
10. 5:31review all the settings
11. 5:46start building our application using github
12. 5:59check the status of our github run
13. 6:38got a svelt app folder and a functions folder
14. 8:03set up with our custom domain
15. 8:29purchased a custom domain
16. 9:39push these changes to github
17. 10:00deployed to the public folder
18. 11:24push it to a staging url
19. 12:10designate the staging or preview url
20. 12:38published it to azure static web apps
21. 12:54a staging url
22. 13:09establish authentication
23. 13:51authenticate with twitter github or azure
24. 15:02push these up to github
25. 15:51give the invitation expiration
26. 16:13customize this page
27. 17:30deploy any one of these applications of your chosen framework

" related talks

• 49mDeploying Apps to the Cloud At ScaleJohn Papa · angularday 2020
• 45mDeploy Your Static Web App with Your Favorite Web FrameworkJohn Papa, Burke Holland · All Things Open 2020
• 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
• 26mBuilding your Brand Using Azure Static Webapps, One Step at a TimeStacy Cashmore · JSWorld Conference 2022
• 45mDeploying your Static Web App with Your Favorite Framework in MinutesJohn Papa · All Things Open 2020
• 27mAzure Static Web Apps for the EnterpriseStacy Cashmore · DevWorld 2024
• 19mImplementing automated process that leads to DevOps successJay Gordon, April Edwards · #MSCreate: DevOps 2021