blazor webassembly standalone  模式, 前台是 webassembly, 后台可以是任意语言开发的API服务

blazor webassembly hosted  模式,  前台是 webassembly, 后台是 aspnet core

blazor server  模式, 前台是 webassembly, 后台是 aspnet core, 前台通过SignalR和后台通讯

================================

精选

================================

首选 meziantou 博客  ​​https://www.meziantou.net/archives-categories-blazor.htm​

https://jasonwatmore.com/post/2020/08/13/blazor-webassembly-jwt-authentication-example-tutorial

https://chrissainty.com/containerising-blazor-applications-with-docker-containerising-a-blazor-webassembly-app/

https://shauncurtis.github.io/articles/Blazor-Components.html

https://nightbaker.github.io/

https://www.pragimtech.com/blog/blazor-webAssembly/what-is-blazor-webassembly/

https://www.claudiobernasconi.ch/category/blazor/

https://shauncurtis.github.io/articles/Blazor-Components.html

https://remibou.github.io/Should-I-peek-Blazor/


================================

其他

================================

晓晨Master

Building a Progressive Web App with Blazor

https://devblogs.microsoft.com/visualstudio/building-a-progressive-web-app-with-blazor/


A simple way to create a PWA with Blazor WebAssembly  

https://wellsb.com/csharp/aspnet/create-pwa-from-blazor-app/


c-sharpcorner.com tips for build blazor webassembly

https://www.c-sharpcorner.com/article/tips-for-building-blazor-webassembly-app-in-net-6-and-visual-studio-code/


Progressive Web Applications – From Zero to Hero (Blazor, ASP.NET Core, Vue.js, Angular Examples)

https://www.dotnetcurry.com/aspnet-core/progressive-web-apps-blazor-vuejs-angular



blazor server 和 blazor assembly 区别

https://dotnettutorials.net/lesson/blazor-hosting-models/



ebook

https://docs.microsoft.com/en-us/dotnet/architecture/blazor-for-web-forms-developers/?wt.mc_id=academic-0000-chnoring


微软 官方文档

https://docs.microsoft.com/en-us/aspnet/core/blazor/?view=aspnetcore-5.0



微软官方教程 aspnet blazor tutorial

https://dotnet.microsoft.com/learn/aspnet/blazor-tutorial/intro

https://docs.microsoft.com/en-us/learn/modules/build-blazor-webassembly-visual-studio-code/?WT.mc_id=DT-MVP-5003987


blazor 教程

https://blazor-university.com/

理解官方提供的 blazor 项目模版

https://www.pragimtech.com/blog/blazor-webAssembly/create-blazor-webassembly-app/

学完: zzzprojects 出品的 blazor tutorial 稍微有点过时

https://blazor-tutorial.net/create-blazor-application


《进击吧!Blazor!》系列入门教程 


============================================

实例

============================================

https://jasonwatmore.com/post/2020/08/13/blazor-webassembly-jwt-authentication-example-tutorial

https://jasonwatmore.com/post/2020/09/27/blazor-webassembly-authentication-without-identity

https://jasonwatmore.com/post/2020/11/09/blazor-webassembly-user-registration-and-login-example-tutorial

使用Blazor开发内部后台系列

https://zhuanlan.zhihu.com/p/389393062

https://zhuanlan.zhihu.com/p/387942466

https://zhuanlan.zhihu.com/p/395232158



============================================

Release and deploy

============================================

https://www.endycahyono.com/article/hosting-blazor-webassembly-in-nginx

https://docs.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/webassembly

https://www.meziantou.net/optimizing-a-blazor-webassembly-application-size.htm



============================================

组件库

============================================

https://blazority.com/datagrid/structure

Ant Design of Blazor, https://antblazor.com/

Ant Design Pro Blazor, https://pro.antblazor.com/



Radzen Blazor Components开源免费组件包

How To Get Started With The Radzen Blazor Components

https://www.c-sharpcorner.com/article/how-to-get-started-with-the-radzen-blazor-components/