BlazorCommunity是首個使用Blazor 實現的開源社群軟體， 其元件基於Element-Blazor，Element-Blazor是一個API 模仿 Element，CSS 直接使用 Element 樣式，HTML 結構直接使用 Element HTML 結構的 Web開發庫。由於基於了Blazor，自然也就基於了 WebAssembly， 因此 我們通過兩種渲染方式呈現我們內容， 第一種是 服務端渲染， 第二種是WebAssembly渲染， 伺服器足夠強大，可以使用伺服器渲染， 如果希望在瀏覽器中得到最快速的響應， 第二種WebAssembly方式 當仁不讓， 首先讓我們瞭解下Blazor 和WebAssembly

Blazor 是一個使用.NET生成互動式客戶端 Web UI 的框架：

• 使用C#代替JavaScript來建立資訊豐富的互動式 UI。

• 共享使用 .NET 編寫的伺服器端和客戶端應用邏輯。

• 將 UI 呈現為 HTML 和 CSS，以支援眾多瀏覽器，其中包括移動瀏覽器。

• 與新式託管平臺（如Docker）整合。

使用 .NET 進行客戶端 Web 開發可提供以下優勢：

• 使用 C# 代替 JavaScript 來編寫程式碼。

• 利用現有的.NET 庫生態系統。

• 在伺服器和客戶端之間共享應用邏輯。

• 受益於 .NET 的效能、可靠性和安全性。

• 在 Windows、Linux 和 macOS 上使用Visual Studio保持高效工作。

• 以一組穩定、功能豐富且易用的通用語言、框架和工具為基礎來進行生成。

Blazor WebAssembly

Blazor WebAssembly 是單頁應用 (SPA) 框架，用於使用 .NET 生成互動式客戶端 Web 應用。Blazor WebAssembly 使用無外掛或將程式碼重新編譯為其他語言的開放式 Web 標準。Blazor WebAssembly 適用於所有新式 Web 瀏覽器，包括移動瀏覽器。

通過WebAssembly（縮寫為wasm），可在 Web 瀏覽器內執行 .NET 程式碼。WebAssembly 是針對快速下載和最大執行速度優化的壓縮位元組碼格式。WebAssembly 是開放的 Web 標準，支援用於無外掛的 Web 瀏覽器。

最後， 欲瞭解更多資訊 請訪問https://gitee.com/Element-Blazor

下面展示了已經部署好的版本：