Azure Static Web Apps with Full Stack .NET

Azure Static Web Apps with Full Stack .NET Melissa Houghton melissahoughton.dev melissahoughton melissahoughton meliss_houghton

What we will cover Azure Static Web Apps Full Stack Apps with Blazor and .NET Debugging and Deployment Advanced Scenarios @meliss_houghton

About Me Lead Software Engineer & Developer Relations Microsoft MVP Developer Technologies melissahoughton.dev melissahoughton melissahoughton meliss_houghton

Azure Static Web Apps @meliss_houghton

@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 @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 @meliss_houghton

Hosting Blazor WebAssembly Blazor WASM Blazor WASM APIs ASP.NET APIs Globally distributed hosting Hosted 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 Blazor WASM APIs ASP.NET Globally distributed hosting Hosted APIs Serverless functions 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 @meliss_houghton

Demo @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 Public Preview: GitLab and BitBucket @meliss_houghton

@meliss_houghton Source: https://azure.github.io/static-web-apps-cli/

@meliss_houghton Source: https://azure.github.io/static-web-apps-cli/docs/intro

Demo @meliss_houghton

New API Backend Options Azure Functions Azure API Management Azure App Service 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 @meliss_houghton

Demo @meliss_houghton

Domains Auto-generated domain names Custom domains supported Free SSL/TLS Certificates @meliss_houghton

Authentication Azure Active Directory GitHub Twitter Custom Providers @meliss_houghton

Demo @meliss_houghton

Summary @meliss_houghton

Get started today Full-stack .NET Serverless Web Apps Streamlined CI/CD to Azure Free learning resources Free plan ✓ SSL Certs ✓ Custom Domains ✓ Service Defined Authentication ✓ Managed Azure Functions @meliss_houghton