Build Hybrid Apps with .NET MAUI and Blazor: Native + Web in One Codebase

Learn how to build powerful hybrid applications using .NET MAUI and Blazor in a single shared codebase. In this session, Beth Massi (Principal Product Manager at Microsoft) explores the why and how of hybrid web-native development with .NET MAUI. – Explore the architecture of Blazor Hybrid apps – See how to reuse Razor UI across web, mobile, and desktop – Learn how to implement HybridWebView for custom JS frameworks – Discover real-world examples from Tyler Technologies and Aspen Publishing – Integrate Azure OpenAI and Microsoft.Extensions.AI for intelligent apps Whether you’re a web developer aiming to ship native apps, or a .NET developer exploring cross-platform UI, this is your guide to modern hybrid development. Looking for a professional consulting partner? Please contact us today. 🔗 https://devessence.com   / devessence   🎬 Timestamps 00:00 Introduction to Blazor Hybrid with .NET MAUI 01:00 Types of client apps: Native, Cross-platform, Hybrid, Web 02:40 Why choose hybrid apps? 04:00 .NET MAUI fundamentals and architecture 06:00 Microsoft & Syncfusion partnership highlights 07:40 Adoption stats & momentum of .NET MAUI 08:20 What are hybrid apps? Web + Native explained 10:00 BlazorWebView & HybridWebView controls 11:00 Real-world use cases: Aspen Publishing & Tyler Technologies 14:45 Shared UI architecture with Razor Class Library 16:00 Solution templates in .NET 9 for Hybrid + Web apps 18:00 Demo: Create and run a simple MAUI Blazor app 21:00 Visual Studio device setup & Mac pairing 23:00 Create a multi-project hybrid + web solution 25:00 Advanced demo: Multi-targeted UI based on device 30:00 Responsive layouts for mobile, desktop, and web 34:00 Media capture with PhotoService in Maui 36:00 Infusing AI into hybrid apps with Azure OpenAI 39:00 Microsoft.Extensions.AI overview 41:00 Live AI demo: Chat-based asset maintenance plans 44:00 Code walkthrough: Azure OpenAI client setup 45:50 Summary: Why choose Blazor Hybrid with .NET MAUI 46:40 Resources & next steps #dotnetmaui #blazor #blazorhybrid