Blazor, what’s that? Blazor is something new in the world of Microsoft Programming Technology. Stay with us till the end of the blog to know about the trending tech “Blazor” and also to take the first steps towards development with Blazor. Let’s begin.
What is Blazor?
Microsoft has recently announced the release of .NET web framework Blazor.
Blazor is :
Blazor is a web framework used to build an application using c# that runs in the browser.
Blazor is an HTML framework like Angular, React, and Vue. It is used for rendering .NET on client-side and runs under WebAssembly.
It is a game-changer in Web Technology. Because Blazor works with WebAssembly.
WebAssembly changes the Game
Many resources are available for WebAssembly, like
So Microsoft had a brilliant idea, the creation of Blazor. Allowing a C# developer to build an entire stack in .NET, including UI, was an exciting concept. For some time, Blazor was in preview but is now included as a general release on September 23, 2019, along with the next iteration of .NET Core 3.0.
Architecture of Blazor
So, now we need to build with Blazor and ASP.NET Core 3.0. First, you need to have the following installed, and you’re ready to go.
Build a Website with .NET Core 3.0 and Blazor
Now that everything you need for development is ready, let’s get acquainted with what it takes to create a primary simple website with Blazor.
There are two ways you can make use of this technology:
- Client-side Blazor
- Server-side Blazor
For this example, the Server-side option is the great preference for stability, as Client-side Blazor is still very new.
First, you need to create a Blazor project. To get the latest templates to work with Visual Studio 2019 or Visual Studio Code, directly install them from the Command Prompt/ Terminal from your base repository directory.
dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.0.0-preview9.19424.4
Visual Studio 2019(16.3 or later) will detect that the templates have been installed and surface them to you without the need for any additional extensions. Now It’s time to create a new project.
From the parent directory of code repositories, execute the below command.
dotnet new blazorserver
Now that everything has loaded up, return to your command line/terminal, and run the project.
Launch your favorite browser and navigate to https://localhost:5001. You should see a website with a template.
In the next blog, We will show you how to host and deploy the Blazor app on a Linux server and Windows server.