WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Mar 3, 2021

Blazor and Azure functions for Serverless Website

Menaka Baskerpillai

Eliminate steep hosting fees and skip JavaScript frameworks entirely. Deploy Blazor WebAssembly on Azure Storage and integrate Azure Functions for a secure, fully serverless C# backend.

Pause
Mute Enter Fullscreen
#1 about 3 min

Introduction to serverless websites with Blazor and Azure Functions

Integrating Blazor with Azure Functions allows C# developers to build frontend applications without managing a dedicated server.

#2 about 2 min

Choosing between server and WebAssembly deployment models

Choosing WebAssembly over a traditional server architecture allows rendering to happen entirely within the user's browser.

#3 about 2 min

Limitations of the standard web server architecture

Standard server deployments introduce latency issues and higher resource costs when scaling applications across multiple geographical zones.

#4 about 3 min

Designing a serverless web architecture for frontend applications

Routing application assets directly from Azure cloud storage removes the need for active servers while safely maintaining backend connections.

#5 about 2 min

Configuring an Azure storage account for static websites

Activating the static website feature on an Azure blob container automatically configures primary endpoints for serving web traffic.

#6 about 4 min

Deploying the Blazor application to an Azure web container

Uploading compiled Blazor project assets directly into the storage container makes the application accessible through generated web endpoints.

#7 about 3 min

Connecting a Blazor application to an Azure Function backend

Deploying an Azure function API endpoint provides a secure method to query database resources and pass credentials to the frontend.

#8 about 4 min

Resolving common CORS restrictions and target framework deployment errors

Defining allowed origins resolves cross-origin resource sharing errors while setting the proper framework target fixes common compiler crashes.

#9 about 1 min

Handling unhandled errors in Blazor single-page web applications

Building individual component-level try-catch block architectures is necessary to natively capture unhandled exceptions in single-page applications.

Matching moments

3:07 min

Unifying frontend and backend development with ASP.NET Core Blazor

Christian Giesswein Christian Giesswein · World Congress 2023

1:14 min

Introduction to Blazor for seamless web development

Christian Giesswein Christian Giesswein · World Congress 2025

2:28 min

Hosting models for executing Blazor applications across different platforms

Christian Giesswein Christian Giesswein · World Congress 2023

3:41 min

Hosting modern static web apps on Azure

Stacy Cashmore · World Congress 2022

2:54 min

Combining serverless compute with Azure blob storage

Menaka Baskerpillai · LIVE

2:07 min

Integrating endpoints with Azure Static Web Apps

Sander ten Brinke Sander ten Brinke · World Congress 2024

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
10 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
17 days ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
18 days ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
24 days ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
25 days ago

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
about 1 month ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

Related videos

Blazor – the new SPA Framework for everyone who hates JavaScript thumbnail
29:52
World Congress 2023 • almost 3 years ago

Blazor – the new SPA Framework for everyone who hates JavaScript

Christian Giesswein

Blazor Unleashed: The Future of .NET Web Development thumbnail
26:38
World Congress 2025 • about 1 year ago

Blazor Unleashed: The Future of .NET Web Development

Christian Giesswein

Debugging Static Web Apps thumbnail
21:29
World Congress 2022 • over 4 years ago

Debugging Static Web Apps

Stacy Cashmore

Functions Triggers using Azure Event Grids in Azure Blob Storage thumbnail
47:38
LIVE • almost 6 years ago

Functions Triggers using Azure Event Grids in Azure Blob Storage

Menaka Baskerpillai

The Future of Cloud is WebAssembly thumbnail
29:49
World Congress 2023 • about 3 years ago

The Future of Cloud is WebAssembly

Matt Butcher

Fun with PaaS – How to use Cloud Foundry and its uniqueness in creative ways thumbnail
29:49
World Congress 2023 • about 3 years ago

Fun with PaaS – How to use Cloud Foundry and its uniqueness in creative ways

Maurice Brinkmann

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.