LearnShop: Deploying Web Apps to the Cloud with TypeScript

on YouTube ↗46m

" summary

Hands-on workshop that actually builds and deploys a TypeScript web app to Azure Static Web Apps using a template repo, VS Code extension and a generated GitHub Actions workflow that runs npm build and publishes the app (APIs optional via Azure Functions). Demo shows adding a routes.json fallback to serve index.html for client routing, using a free concierge sandbox subscription for temporary Azure resources, and notes GitHub Actions can fail in-demo but the app deploys when the workflow completes.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 10:36get a github account
3. 13:49create a repository
4. 15:22create a new repository
5. 15:58create a repository from the template
6. 27:17create a static web app

" related talks

• 45mDeploy Your Static Web App with Your Favorite Web FrameworkJohn Papa, Burke Holland · All Things Open 2020
• 49mDeploying Apps to the Cloud At ScaleJohn Papa · angularday 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
• 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
• 18mDeploying Secure Angular Apps that ScaleJohn Papa · EnterpriseNG 2020
• 31mFrom Code to Scale! Build a Static Web App in MinutesJohn Papa · JSNation Live 2020