ysmoradi / BlazorDualMode

Blazor dual mode with best practices in mind!

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

BlazorDualMode

Blazor dual mode with best practices in mind!

In Directory.build.props, you can switch between blazor server and client by using either

<BlazorMode>Client</BlazorMode>
<BlazorMode>Server</BlazorMode>

In BlazorDualMode.Web, use

<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">

for client side blazor and use

<Project Sdk="Microsoft.NET.Sdk.Web">

for server side blazor.

Note that for Client mode, set BlazorDualMode.Api.csproj as startup project, but for Server mode set both BlazorDualMode.Api.csproj and BlazorDualMode.Web.csproj as startup projects.

In shared project, you can also detect code is running in blazor server or client/wasm modes by use any of followings:

if (BlazorDualModeDetector.IsRunningServerSideBlazor())
{
}

#if BlazorClient

#endif

It's recommended to clear your browser's cache while switching between server and client/wasm modes!

About

Blazor dual mode with best practices in mind!


Languages

Language:C# 53.0%Language:HTML 27.4%Language:SCSS 16.0%Language:Batchfile 3.4%Language:CSS 0.1%