In this article, we will learn how to create a blazor server application in simple steps.

If you are new to Blazor, then you must see

Complete Source Code on Github

For Creating Blazor application, Require Latest version of Visual Studio 2019 with ASP.NET and web development workload.

Let’s open Visual studio 2019, and in the search bar, we will enter text blazor to search.

The first result which appears is Blazor App. We are going to choose it as shown below.

After selecting the next screen, we need to set the project name, location where we want to store this project and specify the solution name.

After setting all details next, we are going to click on Create button to move forward.

Here we are going to see 2 hosting models

  1. Blazor WebAssembly
  2. Blazor Server

Blazor WebAssembly

Blazor WebAssembly The Blazor app, its dependencies, and the .NET runtime are downloaded to the browser. The app is executed directly on the browser.

Blazor Server

Blazor Server hosting model, the app is executed on the server from within an ASP.NET Core app. UI updates, event handling, and JavaScript calls are handled over a SignalR connection.

Creating Blazor Application

For this demo, first, we are going to choose Blazor Server App.

After clicking on Create, it will create the Blazor Application.

Now we can run this sample application and see a counter-demo which default present.