Blazor School

Blazor Tutorial

Everything you need to know to build real world applications with Blazor is here!

Join us on Discord Give a star Learn Blazor →

For Beginners

Blazor School have the simplest code examples and will walk you through step by step. Ensure you understand Blazor and bring it to your next project.

Up to date

Since Blazor became stable, many things have changed. Blazor School is an up to date Blazor tutorial (Current version: .NET 6)

Prerequisite

No fancy prerequisite required. Just a basic understanding C#, HTML, CSS. Blazor School will take care of the others.

The next trend!

What happens if you want a SPA Framework and SEO friendly? Use Blazor! There is more! Blazor uses the latest web technology called web assembly so it is faster than any traditional SPA framework.

Community friendly

Blazor is an open source and free project created by Microsoft. 100,000+ OSS contributions and 3,700+ OSS company contributors.

Progressive Web Apps

Blazor provides you with the ability to make your website becomes a Progressive Web App. Access to the website even if there is no internet, allows your web app to become a native app.

Sample Blazor Page

@page "/counter"

<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

<p role="status">Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}