Architecture tips for hybrid apps with .NET MAUI and Blazor

on YouTube ↗49m

" summary

Shows how to convert a Blazor website into a .NET MAUI hybrid app using BlazorWebView and a Razor class library, explaining that a web project cannot be referenced directly so components must be moved into a Razor library. Demonstrates native navigation with MAUI Shell and tab bars, replacing memory cache with a file cache in the platform cache directory, adding AdditionalAssemblies for routing, and confirms the demo app runs on iOS/macOS/Android/Windows with some Mac hot‑reload quirks. GitHub repo contains the working code.

AI-written summary · about

" chapters (11)

1. 0:00Introduction to hybrid apps
2. 2:52Understanding .NET MAUI
3. 5:15Blazor hybrid concepts
4. 7:55Benefits of the hybrid approach
5. 10:53When to use Blazor hybrid
6. 14:06Architecture and setup
7. 18:05Live demo: project conversion
8. 22:52Integrating native navigation
9. 30:13Platform-specific services
10. 39:32Final UI adjustments
11. 44:01Resources and Q&A

" related talks

• 34mHybrid Web and Desktop apps with .NET MAUI and BlazorMaddy Montaquila · Øredev 2024
• 31mBuilding desktop apps using .NET MAUI and BlazorDaniel Hindrikes · NDC Oslo 2021
• 58mBlazor Hybrid - Build Hybrid Mobile, Desktop, and Web apps with .NET MAUIGerald Versluis · NDC Oslo 2024
• 35mBlazor Hybrid: Use Your Blazor Skills to Build Desktop and Mobile AppsMaddy Montaquila · DevReach 2022
• 18mBlazor + .NET MAUI – the perfect “hybrid”Don Wibier, Carl Franklin, Amanda Christensen · Microsoft Build 2023
• 42mMigration and Modernization with .NET MAUISam Basu · DevReach 2022
• 27mWelcoming JavaScript to .NET MAUISam Basu · DevReach 2023
• 49mWhat's New & Next for .NET MAUI and Blazor HybridRachel Kang · NDC Oslo 2025