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_.NET​with_Blazor_WebAssembly​and_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_.NET​with_Blazor_WebAssembly​and_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