Sign in to confirm you’re not a bot
This helps protect our community. Learn more

Developing and Deploying a Static Web App with Blazor and Azure Functions

dotnet
325K subscribers
<__slot-el>
<__slot-el>
5.2K views 3 years ago #dotnet #dotnet6 #dotnetconf
Blazor brings C# to the browser. Azure Functions lets your back-end scale. But how do you get started creating an Azure Static Web App using these two and how do you implement a rock-solid CI/CD pipeline for it? We will walk through the whole process! Starting from writing and debugging your Blazor app and Functions API, we will also unit test our front and back-end and glue them together with the authentication service emulator for local development. For CI/CD and service management needs, like staging environments and user invitations, we will conclude with a scalable build pipeline that can be flexibly reused for your future projects! Come to this talk when you want to improve your development process with the best tooling and focus on the business value of your app! https://aka.ms/dotNETConf2021-GetdotNET6 👨‍💻 Slides & code: https://aka.ms/dotnetconf/2021 🎉 .NET 6 Release Blog: https://devblogs.microsoft.com/dotnet... ⬇ Download .NET 6: …...more
...more
These chapters are auto-generated

Introduction

0:00

What is a Static Web App

0:51

Frameworks

2:18

Blazor

2:42

ToDo List

3:42

List Implementation

3:55

Debugging

5:18

Azure Functions

5:48

Debug Function

7:50

Trigger Function

8:04

Static Web App

9:43

Authorization

9:59

Example

12:08

Authorization checks

13:03

Admin role checks

13:36

Static Web Apps CLI

14:46

Static Web Apps Diagram

16:28

Unit Testing

18:49

Azure Function Testing

19:13

Counter Component

20:27

Standard Deployment

21:57

Overview Page

23:49

Staging Environment

24:06

Raw Management

24:15

Invite Users

24:30

Nuke

24:53

Deploy

26:12

Debug

27:01

Create Target

27:42

Invite Target

28:35

Generate YAML File

29:55

Conclusion

31:12

Outro

32:28
Developing and Deploying a Static Web App with Blazor and Azure Functions
88Likes
5,206Views
2021Nov 16
Blazor brings C# to the browser. Azure Functions lets your back-end scale. But how do you get started creating an Azure Static Web App using these two and how do you implement a rock-solid CI/CD pipeline for it? We will walk through the whole process! Starting from writing and debugging your Blazor app and Functions API, we will also unit test our front and back-end and glue them together with the authentication service emulator for local development. For CI/CD and service management needs, like staging environments and user invitations, we will conclude with a scalable build pipeline that can be flexibly reused for your future projects! Come to this talk when you want to improve your development process with the best tooling and focus on the business value of your app! https://aka.ms/dotNETConf2021-GetdotNET6 👨‍💻 Slides & code: https://aka.ms/dotnetconf/2021 🎉 .NET 6 Release Blog: https://devblogs.microsoft.com/dotnet... ⬇ Download .NET 6: https://aka.ms/dotNETConf2021-GetdotNET6 🙋‍♀️🙋‍♂️ Get your questions answered on the Microsoft Q&A for .NET: https://aka.ms/dotnet-qa 💭 Join the .NET Tech Community Forums: https://aka.ms/dotnet/techcommunity 🏫 Learn C#, F#, and .NET with free self-guided learning from Microsoft Learn: https://aka.ms/learndotnet #dotnet6 #dotnetconf #dotnet

Follow along using the transcript.

dotnet

325K subscribers