Modern C# and .NET Tutorial: Cross-Platform Basics/

...

/

Reviewing the Blazor WebAssembly Project Template

Reviewing the Blazor WebAssembly Project Template

Learn about creating a Blazor WebAssembly project, highlighting project structure, deployment choices, and code similarities and differences with Blazor Server.

We'll cover the following...

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

  • Progressive Web Application: Checked

While reviewing the generated folders and files, note that three projects are generated, as described in the following list:

    ...