Blazor Hosting Model Sample

This provides sample code that shows various types of Blazor hosting models - Server, WASM (hosted/standalone) and Hybrid (MAUI/WinForm/WPF). They all share the same components with minimal code changes.

Prerequisites

• Visual Studio 2022
• Azure Functions Core Tools
• SWA CLI

Due to the nature of the sample applications, it only targets Windows OS.

Getting Started

1. Fork this repository.

2. Clone the forked repository to your local machine.

3. Open the solution, BlazorHostingModels.sln, with Visual Studio.

4. Build the entire solution.

   There might be a chance that solution build fails. Then, clean the solution first and rebuild the solution.

5. Run the backend API in a separate terminal or console like Visual Studio Code, Windows Terminal or PowerShell.

   cd src/BackendApi
   func start

6. Run each project individually to see how it works.

   For the hosted Blazor WASM app, run the following SWA CLI command within Visual Studio Code, Windows Terminal or PowerShell:

   swa start

Something More?

• Migrating ASP.NET WebForm to Blazor
• Blazor Hosting Model – Server and WebAssembly (hosted/standalone)
• Blazor Hybrid Overview
• Blazor Hybrid MAUI
• Blazor Hybrid WinForm
• Blazor Hybrid WPF
• Blazor Hybrid routing and navigation
• Blazor Hybrid reusing components