dotnet / blazor-samples

--- description: "Samples to accompany the official Microsoft Blazor documentation." page_type: sample languages: • razor • csharp • cshtml name: "Blazor sample applications" products: • aspnet-core • blazor urlFragment: "/" --- Samples to accompany the official Microsoft Blazor documentation Samples in this repository accompany the official Microsoft Blazor documentation. To obtain a local copy of the sample apps in this repository, use ***either*** of the following approaches: • Fork this repository and clone it to your local system. • Select the **Code** button. Select **Download ZIP** to save the repository locally. Extract the saved Zip archive ( ) to access the sample apps. To obtain a single sample app and only its last commit, use . In the following example, the command specifies the path to the sample folder: • Replace the placeholder with the version folder. • Replace the placeholder with the sample folder. In a command shell, navigate to the folder where you would like to clone the sample. Execute the following commands in the command shell passing the version/sample folder path to the command: The following PowerShell example obtains the 9.0 Blazor Web App sample and places it in the user's documents folder using PowerShell's path for the change directory ( ) command: Sample app article links (latest release) • General Blazor samples referenced by the full Blazor documentation set ( / ) • .NET MAUI Blazor Hybrid app with a Blazor Web App and a shared UI RCL ( ) Build a .NET MAUI Blazor Hybrid app with a Blazor Web App • .NET MAUI Blazor Hybrid and Web App with ASP.NET Core Identity ( ) .NET MAUI Blazor Hybrid and Web App with ASP.NET Core Identity • Blazor with SignalR ( ) Use ASP.NET Core SignalR with Blazor • Blazor Web App movie database app tutorial ( ) Build a Blazor movie database app • Blazor Web App with Microsoft Entra ID ( / ) Secure an ASP.NET Core Blazor Web App with Microsoft Entra ID • Blazor Web App with OIDC and Aspire ( / / ) Secure an ASP.NET Core Blazor Web App with OpenID Connect (OIDC) • Blazor Web App with Windows Authentication Secure an ASP.NET Core Blazor Web App with Windows Authentication • Call a web API ( / / ) Call a web API from ASP.NET Core Blazor • Blazor WebAssembly scopes-enabled logging ( ) ASP.NET Core Blazor logging: Client-side log scopes • Blazor WebAssembly with ASP.NET Core Identity ( ) Blazor WebAssembly with ASP.NET Core Identity • Blazor WebAssembly with app roles, built-in Azure Administrator roles, and Azure security groups ( ) Microsoft Entra (ME-ID) groups, Administrator Roles, and App Roles • WebAssembly Browser App import-export interop ( ) [JavaScript [JSImport]/[JSExport] interop with a WebAssembly Browser App project](https://learn.microsoft.com/aspnet/core/client-side/dotnet-interop/wasm-browser-app) • Blazor WebAssembly Xref Generator ( ) Host and deploy ASP.NET Core Blazor WebAssembly with GitHub Pages • .NET on Web Workers ( ) .NET on Web Workers • Blazor WebAssembly + React ( ) Host and deploy: JavaScript bundler support • .NET WebAssembly + React ( ) Host and deploy: JavaScript bundler support Snippet sample apps for article code examples **WARNING**: Always follow an article's security guidance when implementing sample code. Prior to the release of .NET 8, snippet sample apps for Blazor Server and Blazor WebAssembly provide the code examples that appear in Blazor articles. Many of the components in the snippet sample apps compile and run if copied to a local test app. However, the entire snippet sample apps aren't meant to be runnable demonstration sample apps, and not all of the components are completely functional. The purpose of the snippet sample apps prior to .NET 8's release is merely to supply code examples to documentation. For the release of .NET 8 (and later releases), the sample apps for Blazor Web App and Blazor WebAssembly both supply snippets to articles and are fully working demonstration sample apps. Blazor snippet sample apps • Blazor Web App (.NET 8 or later) • Blazor Server (.NET 7.0 or earlier) • Blazor WebAssembly Community help and support For more information, see the *Support requests* section in the Blazor *Fundamentals* overview article.