Serverless Apps with Blazor WebAssembly and Azure Static Web Apps

3. Perfect Recipe
• A Blazor WebAssembly app.
• Azure Functions
• A class library for sharing code
• An explosive combination of Github Actions deploying to an
Azure Static Web App.

4. Blazor WebAssembly
• Interactive web UI with C#
• Run your client-side C# code directly in
the browser, using WebAssembly.
• Built on open web standards
• JavaScript interop
• Active community

5. Azure Functions
• Less Code
• Less infrastructure
• Save Cost
• Highly Scalable

6. Azure Static Web App
• Web hosting for static content like HTML, CSS, JavaScript
• Integrated API (Azure Functions)
• First-class GitHub and Azure DevOps integration
• Globally distributed
• Free SSL certificates
• Custom domains
• Generated staging versions powered by pull requests

7. Azure Static Web App

8. DEMO

9. Resources:
https://docs.microsoft.com/en-us/azure/static-web-apps/deploy-blazor?WT.mc_id=-blog-scottha
https://docs.microsoft.com/en-us/learn/modules/publish-app-service-static-web-app-api-
dotnet/?WT.mc_id=-blog-scottha
https://docs.microsoft.com/en-us/azure/static-web-apps/getting-started?tabs=vanilla-
javascript&WT.mc_id=-blog-scottha

10. THANKS
@jjcolumbie