Azure Static Web Apps with Full Stack .NET Melissa Houghton | Azenix melissahoughton.dev melissahoughton meliss_houghton melissahoughton melissahoughton@aus.social
A presentation at NDC London in January 2023 in London, UK by Melissa Houghton
Azure Static Web Apps with Full Stack .NET Melissa Houghton | Azenix melissahoughton.dev melissahoughton meliss_houghton melissahoughton melissahoughton@aus.social
What we will cover Azure Static Web Apps Full Stack Apps with Blazor and .NET Debugging and Deployment Advanced Scenarios @melissahoughton@aus.social | @meliss_houghton
About Me Lead Software Engineer & Developer Relations Microsoft MVP Developer Technologies melissahoughton.dev melissahoughton@aus.social melissahoughton melissahoughton meliss_houghton
Azure Static Web Apps @melissahoughton@aus.social | @meliss_houghton
@melissahoughton@aus.social | @meliss_houghton Source https://learn.microsoft.com/en-us/azure/static-web-apps/overview
Azure Static Web Apps Globallydistributed hosting Streamlined build and deployment Custom domains and free SSL certificates Built-in authentication and routing rules Generated Staging Environments CLI Support @melissahoughton@aus.social | @meliss_houghton
Supported Frameworks @melissahoughton@aus.social | @meliss_houghton Source: https://learn.microsoft.com/azure/static-web-apps/front-end-frameworks
Azure Static Web Apps and .NET 7 @melissahoughton@aus.social | @meliss_houghton
Why Full Stack .NET? Free and open source Fast and cross-platform Modern and productive Trusted and secure Data sourced from official tests available at TechEmpower Round 21 Supportive community @melissahoughton@aus.social | @meliss_houghton
Blazor WebAssembly Full-featured frontend framework Runs .NET client-side on WebAssembly Shared component model across the server and client browser Full stack .NET Web Applications @melissahoughton@aus.social | @meliss_houghton
Part of ASP.NET Core Web UI Services MVC Razor Pages HTTP APIs SignalR SPA Blazor Worker gRPC @melissahoughton@aus.social | @meliss_houghton
Hosting Blazor WebAssembly Blazor WASM APIs ASP.NET Hosted @melissahoughton@aus.social | Blazor WASM APIs Globally distributed hosting Microservices Standalone @meliss_houghton Source: https://github.com/dotnet-presentations/dotNETConf/blob/master/2021/MainEvent/Technical/Chu-Cotin_Full-stack_.NETwith_Blazor_WebAssemblyand_Azure_Static_Web_Apps.pptx
Hosting Blazor WebAssembly Blazor WASM APIs ASP.NET Hosted @melissahoughton@aus.social | Blazor WASM APIs Globally distributed hosting Serverless Microservices Azure Static Web Apps @meliss_houghton Source: https://github.com/dotnet-presentations/dotNETConf/blob/master/2021/MainEvent/Technical/Chu-Cotin_Full-stack_.NETwith_Blazor_WebAssemblyand_Azure_Static_Web_Apps.pptx
Azure Functions and .NET Serverless solution with .NET option Run code blocks based on triggers Event-driven automated scaling No infrastructure management Flexible pricing options Isolated Worker Model @melissahoughton@aus.social | @meliss_houghton
Isolated Worker Model Isolated process from the functions runtime More natural dependency injection Full control of the process Middleware support @melissahoughton@aus.social | @meliss_houghton
Demo @melissahoughton@aus.social | @meliss_houghton
Deployment First class GitHub and Azure DevOps integration Automatically build and deploy on code change Staging versions based on Pull Requests Globally Distributed Static Hosting Now GA: GitLab and BitBucket Support @melissahoughton@aus.social | @meliss_houghton
@melissahoughton@aus.social | @meliss_houghton Source: https://azure.github.io/static-web-apps-cli/
@melissahoughton@aus.social | @meliss_houghton Source: https://azure.github.io/static-web-apps-cli/docs/intro
New Backend API Options Azure Functions Azure App Service * @melissahoughton@aus.social | Azure API Management * Azure Container Apps * @meliss_houghton Source: https://techcommunity.microsoft.com/t5/apps-on-azure-blog/new-api-backend-options-in-azure-static-web-apps/ba-p/3516882
Azure Container Apps Serverless containers for microservices ASP.NET Web APIs and Minimal APIs Worker Service for background services Focus on apps, not infrastructure @melissahoughton@aus.social | @meliss_houghton
Demo @melissahoughton@aus.social | @meliss_houghton
EnterpriseGrade Edge Combines capabilities of Azure SWA, Azure Front Door, and Azure CDN Caching assets at the edge Global presence Faster Page Loads Enhanced Security @melissahoughton@aus.social | @meliss_houghton
Authentication Azure Active Directory GitHub Twitter Custom Providers @melissahoughton@aus.social | @meliss_houghton
Demo @melissahoughton@aus.social | @meliss_houghton
Summary
Get started today Full-stack .NET Serverless Web Apps Streamlined CI/CD to Azure Free plan option Free learning resources aka.ms/SWA-Blazor @melissahoughton@aus.social | @meliss_houghton
Thank you! https://bit.ly/ndclondon23-swa melissahoughton.dev melissahoughton meliss_houghton melissahoughton melissahoughton@aus.social
