The Hosted Blazor WASM template adds a full ASP.NET Core server alongside the Blazor client. This is the standard architecture for production apps that need a real API, database access, and server-side logic.

Project Structure

• Client — Blazor WASM project (components, pages, services)
• Server — ASP.NET Core project (controllers, EF Core, auth)
• Shared — class library shared by both (models, DTOs, interfaces)

Creating the Hosted Solution

dotnet new blazorwasm --hosted -o MyHostedApp

Benefits

• Server serves the WASM client files and API from the same origin — no CORS issues
• Shared models eliminate duplication between client and server
• Full .NET DI and EF Core access on the server

Shared Models Example

// Shared/Models/Product.cs
public class Product
{
    public int Id { get; set; }
    public string Name { get; set; } = "";
    public decimal Price { get; set; }
}
// Used by both Server controllers AND Client components

Reference:

Wikipedia: ASP.NET Core

https://en.wikipedia.org/wiki/ASP.NET_Core