Introduction to the Blazor WebAssembly .NET 6

This tutorial will introduce you to Blazor WebAssembly for .NET 6. This tutorial includes:

  • What make Blazor a stand-out framework?
  • Hosting models in comparison.
  • Tutorial series.
  • Contribution to this series.

What make Blazor a stand-out framework?

Started in 2018, Blazor is developed by Microsoft as an SPA (single page application) framework. Most existing SPA frameworks like Angular, Vue, React built with TypeScript/JavaScript language. Blazor in the contrast, use C# to build the website then the code will be compiled to WebAssembly and run directly on the browser. Blazor also optimize the communication between browser and server by using WebAssembly instead of traditional JSON. In summary:

  • Build a website with a strong type language (C#).
  • Optimize communication between client and server by using WebAssembly.
  • Optimize performance by using WebAssembly to execute logic on the browser.
  • Requires zero to minimal JavaScript knowledge to build a website.
  • Compatible with existing JavaScript libraries.

Hosting models in comparison

Blazor Server Blazor WebAssembly
Access to server resource Directly Indirect
Built-in SignalR Core Yes No
Built-in service worker? No Yes
Validation and process At server At client
Ready for production? Yes Yes
Client-Server communication By byte code By JSON, byte code

Blazor Server can be hosted on a web server (NGINX, Apache, ...), Azure AppService.

Blazor WebAssembly is a frontend website and can be hosted on Azure Static WebApp, Azure AppService, or a web server (NGINX, Apache, ...). For a full functional Blazor WebAssembly you need to combine with a backend technology (Azure Function, Grpc, ASP.NET Web API).


Tutorial series

After attending this tutorial series, you will gain confident in website development with Blazor WebAssembly. This tutorial series is for beginner to expert level, with the following main points:

  • Build an online store website.
  • Blazor WebAssembly fundamentals.
  • Built-in features.
  • Advanced techniques.
  • Hosting and deployment.
  • Migrate to a new version.

Contributions to this series

Since 09-Dec-2021, Blazor School became a community documentation that means individual can improve tutorials from Blazor School.

Report problems or submit suggestions for future docs.

Contribute to Blazor community documentation by create a pull request on the Blazor School Docs repository.

Our community values respectful, supportive communication.

BLAZOR SCHOOL
Designed and built with care by our dedicated team, with contributions from a supportive community. We strive to provide the best learning experience for our users.
Docs licensed CC-BY-SA-4.0
Copyright © 2021-2025 Blazor School
An unhandled error has occurred. Reload 🗙