Creating an blazor asp net core hosted project from template visual studio


ASP.NET is a popular language used for web applications. It provides a framework for developing dynamic websites, web services, and web applications. In this article, we will explore how to create a Blazor ASP.NET Core hosted project from a template in Studio.

Step 1: Open Visual Studio

First, open Visual Studio on your computer. If you don't have Visual Studio installed, you can download it from the official Microsoft website.

Step 2: Create a New Project

Once Visual Studio is open, go to the “File” menu and select “New” and then “Project”. This will open the project creation wizard.

Step 3: Select the Blazor App Template

In the project creation wizard, for “Blazor” in the search bar. Select the “Blazor App” template from the list of available templates.

Step 4: Configure the Project

After the Blazor App template, you will be prompted to configure the project. Provide a name for your project and choose a location to save it on your computer.

Step 5: Choose the Hosting Model

In the next step, you will be asked to choose the hosting model for your Blazor app. Select the “ASP.NET Core hosted” option. This will create a solution with separate for the -side and server-side components of your application.

Step 6: Configure Authentication

If you want to enable authentication in your Blazor app, you can choose the authentication type in this step. You can select options like “ User Accounts” or “Windows Authentication” based on your requirements.

Step 7: Create the Project

Finally, click on the “Create” button to create the Blazor ASP.NET Core hosted project. Visual Studio will generate the necessary and folders for your project.

: Adding a New Component

Now that you have created the Blazor ASP.NET Core hosted project, let's add a new component to it. Open the solution explorer in Visual Studio and navigate to the “Client” project.

@page "/newcomponent"


This is a new component.

@code { // Component logic goes here }

In the “Client” project, create a new file with the extension “.razor” and name it “NewComponent.razor”. Copy and paste the following code into the file:

@page "/newcomponent"


This is a new component.

@code { // Component logic goes here }

Save the file, and the new component will be added to your Blazor app. You can now navigate to the “/newcomponent” route in your application to see the new component in action.


In this article, we have learned how to create a Blazor ASP.NET Core hosted project from a template in Visual Studio. We have also seen an example of adding a new component to the project. Blazor is a powerful framework for building web applications using C# and .NET, and it provides a seamless development experience for both client-side and server-side components.

Rate this post

Leave a Reply

Your email address will not be published. Required fields are marked *

Table of Contents