Build Faster, Better Apps with SSG, Headless CMS & Azure Static Web Apps

on YouTube ↗30m

" summary

Shows a concrete pipeline: build a React Gatsby site locally, pull content via GraphQL from a headless CMS (example shown Strapi), run Gatsby build, push to GitHub and let GitHub Actions deploy to Azure Static Web Apps where it serves static HTML from CDN and wires dynamic endpoints to Azure Functions. Claims: pages load faster, cost and attack surface drop, SEO improves. Demo compiles and deploys via CI/CD; running on AKS is possible but labeled overkill.

AI-written summary · about

" chapters (7)

1. 0:00Introduction to SSG and headless CMS
2. 3:30Static site generators explained
3. 7:21Demo of Gatsby setup
4. 14:06Headless CMS benefits
5. 18:45Azure Static Web Apps overview
6. 19:47Deploying to Azure Static Web Apps
7. 26:39Q&A session

" related talks

• 36mAzure Static Web AppsDan Wahlin, Jon Papa · Reliable Web Summit 2021
• 45mDeploying your Static Web App with Your Favorite Framework in MinutesJohn Papa · All Things Open 2020
• 24mStatic (?!?#🙀) Web AppsShmuela Jacobs · ngVikings 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
• 42mJamstack, static sites and AzureFacundo Giuliani · AzConf 2020
• 59mAzure Static Web Apps - From Zero to Deployed App In 60 MinutesStacy Cashmore · CloudBurst 2022
• 35mHosting Single Page Apps in AzureMasi Malmi · Global Azure Virtual 2020