Serverless frontend, serverless backend, serverless security!

on YouTube ↗59m

" summary

Builds a Vue.js "kudos" app end-to-end using Azure Static Web Apps to host compiled HTML/CSS/JS, GitHub Actions for CI/CD (including per-pull-request staging URLs), and Azure Functions as the serverless REST API; shows local dev with func start and CORS via local.settings.json, adds routes.json to avoid SPA 404s, and wires authentication providers plus role-based authorization (admin role grants stats). Demo deploys, authenticates with Twitter, the API-backed features work, and merges promote changes to production.

AI-written summary · about

" chapters (8)

1. 0:00Introduction to serverless apps
2. 10:00Hosting static frontend apps
3. 15:20Demo: Deploying static web app
4. 24:20Demo: Adding backend API
5. 31:59Demo: Routing for SPAs
6. 32:20Demo: Testing API locally
7. 45:41Demo: Kudos app authentication
8. 57:29Summary and Q&A

" related talks

• 46mBuild serverless, full stack applications in Azure with Azure SQLAnna Hoffman · Women Data Summit 2021
• 26mServerless & Deploying to the Cloud with VSCODENatalia Venditto · JSWorld Conference 2022
• 30mBuild Faster, Better Apps with SSG, Headless CMS & Azure Static Web AppsAshish Sahu · Developers Summit 2021
• 35mHosting Single Page Apps in AzureMasi Malmi · Global Azure Virtual 2020
• 24mServerless functions and Vue.jsSarah Drasner · Uphill Conf 2018
• 01h 03mServerless and App Service Security on AzureMahesh Krishnan, Pratik Khasnabis · NDC Sydney 2019
• 28mBuild Serverless Apps with BlazorDaria Grigoriu, Fabio Cavalcante · .NET Conf: Focus on Blazor 2020
• 35mServerless Functions and Vue.jsSarah Drasner · Web Unleashed 2018