Azure Static Web Apps with Full Stack .NET

A presentation at .NET Conf 2022 in November 2022 in by Melissa Houghton

Slide 1

Slide 1

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

Slide 2

Slide 2

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

Slide 3

Slide 3

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

Slide 4

Slide 4

Azure Static Web Apps @meliss_houghton

Slide 5

Slide 5

@meliss_houghton Source https://learn.microsoft.com/en-us/azure/static-web-apps/overview

Slide 6

Slide 6

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

Slide 7

Slide 7

Azure Static Web Apps and .NET 7 @meliss_houghton

Slide 8

Slide 8

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

Slide 9

Slide 9

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

Slide 10

Slide 10

Demo @meliss_houghton

Slide 11

Slide 11

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

Slide 12

Slide 12

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

Slide 13

Slide 13

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

Slide 14

Slide 14

New Backend API 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

Slide 15

Slide 15

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

Slide 16

Slide 16

Demo @meliss_houghton

Slide 17

Slide 17

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

Slide 18

Slide 18

Authentication Azure Active Directory GitHub Twitter Custom Providers @meliss_houghton

Slide 19

Slide 19

Demo @meliss_houghton

Slide 20

Slide 20

Summary @meliss_houghton

Slide 21

Slide 21

Get started today Full-stack .NET Serverless Web Apps Streamlined CI/CD to Azure Free plan option Free learning resources aka.ms/SWA-Blazor @meliss_houghton

Slide 22

Slide 22

Thank you! melissahoughton.dev melissahoughton meliss_houghton melissahoughton