Search⌘ K
AI Features

Reviewing the Blazor WebAssembly Project Template

Explore the process of creating a Blazor WebAssembly project, including project setup, folder structure, and deployment methods. Understand key differences and similarities between Blazor Server and WebAssembly projects to build interactive web applications.

Creating Blazor WebAssembly project

Now we will create a Blazor WebAssembly project.

Step 1: Use the preferred code editor to open the PracticalApps solution or workspace and then add a new project, as defined in the following list:

  • Project template: Blazor WebAssembly App or blazorwasm

  • Project file and folder: Northwind.BlazorWasm

  • dotnet new switches: --pwa --hosted

  • Workspace/solution file and folder: PracticalApps

  • Authentication Type: None

  • Configure for HTTPS: Checked

  • ASP.NET Core hosted: Checked

  • ...