Repository files navigation

A project containing various samples that demonstrate the basics ofBlazor.

This project targets Blazor WebAssembly (which is client-side).

UsesBootstrap 5 for basic styling and samples.

Links to learning resources below.

Screenshots

Providing brief but yet extensive samples demonstrating the basics of Blazor.

Answering the most common questions about building Web apps with Blazor.

When you feel confident in knowing the basic concepts of Blazor you can use an open-source component framework, likeMudBlazor (Material UI),Radzen, orFluent UI. They provide business-grade components.

The minimal required for getting started with Blazor.

Uses Bootstrap.

Several versions of theCounter component.

Demonstrates how parameters work in Blazor.

A simple demo showing how to fetch data from the web, and display it.

Demonstrates how the router works.

Demonstrates how to do interop between C#/.NET and JavaScript.

To build this, you need:

• .NET 6 SDK
• VS Code, or Visual Studio (unless you prefer Notepad :) )

Simply:

dotnet run

or, inwatch mode

dotnet watch

This will enableHot Reload on save.

When you are ready to publish your app you simply run this command:

dotnet publish -c Release

This will create an optimized bundle for you.

In the process, the linker will strip out unsused dependencies in order to reduced the size.

Then you can just copy all files to your server.

• Documentation - Microsoft
• Blazor University