Blazor and Azure functions for Serverless Website

Your C# skills are all you need for full-stack serverless. Learn to build cost-effective web apps with Blazor and Azure Functions.

#1about 2 minutes

Why build serverless websites with Blazor and Azure Functions

Blazor enables C# developers to build front-end applications, and when combined with Azure Functions, it creates a powerful serverless architecture.

#2about 3 minutes

Comparing Blazor hosting models and web architectures

Understand the differences between Blazor Server and WebAssembly hosting models and contrast traditional server-based architecture with a serverless approach.

#3about 3 minutes

How serverless architecture works with Azure Storage

A serverless architecture serves static files from an Azure Storage Account and uses trigger-based Azure Functions to handle dynamic data requests.

#4about 5 minutes

Hosting a Blazor WebAssembly app on Azure Storage

Configure an Azure Storage Account to serve a static website by enabling the feature, setting endpoints, and uploading the published Blazor app files to the `$web` container.

#5about 2 minutes

Integrating an Azure Function as a serverless API

Use an Azure Function as a serverless API by obtaining its trigger URL and calling it from the Blazor application to fetch dynamic data.

#6about 5 minutes

Troubleshooting common Blazor serverless deployment issues

Resolve common deployment problems such as CORS errors in Azure Functions, incorrect .NET target frameworks, and misconfigured index documents in storage.