Learning how to Build, Secure, and Deploy your Azure Static Web App in C#
Tags: azure, dotnet, devops, webdev
Published: 2021-07-07 13:10:31

---
title: Learning how to Build, Secure, and Deploy your Azure Static Web App in C#
published: true
date: 2021-07-07 12:58:00 UTC
tags: azure,dotnet,devops,webdev
canonical_url: http://www.frankysnotes.com/2021/07/learning-how-to-build-secure-and-deploy.html
---

Recently I participated in a series of videos about Azure Static Web Apps: [Azure Tips and Tricks: Static Web Apps](https://channel9.msdn.com/Series/Azure-Tips-and-Tricks-Static-Web-Apps) on Microsoft Channel 9. The series is perfect to get started and cover multiple different scenarios in different Javascript frameworks and C#. In this post, I wanted to regroup the four videos related to .Net Blazor. I also added the GitHub links part of the references at to end.

### [How to create a web app in C# with Blazor & Azure Static Web Apps](https://channel9.msdn.com/Series/Azure-Tips-and-Tricks-Static-Web-Apps/How-to-create-a-web-app-in-C-with-Blazor--Azure-Static-Web-Apps-11-of-16--Azure-Tips-and-Tricks)
 

In this video, we start from scratch. We will build and deploy a brand new static website with .Net Blazor.

[![How to create a web app in C# with Blazor & Azure Static Web Apps](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5gtzfzzids1s8ef5bbms.jpg)](https://channel9.msdn.com/Series/Azure-Tips-and-Tricks-Static-Web-Apps/How-to-create-a-web-app-in-C-with-Blazor--Azure-Static-Web-Apps-11-of-16--Azure-Tips-and-Tricks)
  
### [How to add a C# API to your Blazor web app](https://channel9.msdn.com/Series/Azure-Tips-and-Tricks-Static-Web-Apps/How-to-add-a-C-API-to-your-Blazor-web-app-12-of-16--Azure-Tips-and-Tricks-Static-Web-Apps)
 
Now that you built your web app with C# and Blazor, what about adding a serverless C# API to it? Have a look!

[![How to add a C# API to your Blazor web app](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lh88rpeao3jck25j9mqb.jpg)](https://channel9.msdn.com/Series/Azure-Tips-and-Tricks-Static-Web-Apps/How-to-add-a-C-API-to-your-Blazor-web-app-12-of-16--Azure-Tips-and-Tricks-Static-Web-Apps)
  
### [How to secure your C# API with Azure Static Web Apps](https://channel9.msdn.com/Series/Azure-Tips-and-Tricks-Static-Web-Apps/How-to-secure-your-C-API-with-Azure-Static-Web-Apps-13-of-16--Azure-Tips-and-Tricks-Static-Web-Apps)
 
Prevent unwanted users to access your C# API by configuring authentication and authorization in your Blazor Azure Static Web Apps.

[![How to secure your C# API with Azure Static Web Apps](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uvaddvhj4qge902z87hy.jpg)](https://channel9.msdn.com/Series/Azure-Tips-and-Tricks-Static-Web-Apps/How-to-secure-your-C-API-with-Azure-Static-Web-Apps-13-of-16--Azure-Tips-and-Tricks-Static-Web-Apps)
  
I hope those videos will help you to get started. If you have questions and/or comments don't hesitate to reach out (comments, DM, GitHub issues), it's always a pleasure.

### [How CI/CD and preview branches work with Azure Static Web Apps](https://channel9.msdn.com/Series/Azure-Tips-and-Tricks-Static-Web-Apps/How-to-secure-your-C-API-with-Azure-Static-Web-Apps-13-of-16--Azure-Tips-and-Tricks-Static-Web-Apps)
 
In this video, I wanted to show one of the great features of Azure Static Web App Learn: the creation of pre-production environments. Using the CI/CD workflow, you can preview your pull requests changes before it's in production leveraging the automatic creation of pre-production environments!

[![How CI/CD and preview branches work with Azure Static Web Apps](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b5io0z2kl1lmw7z4hdp0.jpg)](https://channel9.msdn.com/Series/Azure-Tips-and-Tricks-Static-Web-Apps/How-CICD-and-preview-branches-work-with-Azure-Static-Web-Apps-4-of-16--Azure-Tips-and-Tricks-Static-)
  
 
#### References:

- Watch the full series: [https://aka.ms/StaticWebAppsTipsC9](https://aka.ms/StaticWebAppsTipsC9)
- GitHub Sample: [https://github.com/FBoucher/AzureStaticWebApp-CSharp-SimpleDemo](https://github.com/FBoucher/AzureStaticWebApp-CSharp-SimpleDemo)
- Interactive tutorials on Microsoft Learn: [https://aka.ms/Learn/StaticWebApps](https://aka.ms/Learn/StaticWebApps)