In this lab, you'll build a hybrid mobile, desktop and web application using the .NET MAUI Blazor Hybrid and Web template. This template combines a Blazor Web app and a .NET MAUI app, sharing UI components through a Razor Class Library (RCL) that can be deployed to Android, iOS, macOS, Windows and the web. By the end of this 75-minute workshop, you'll have a functional app that displays data, navigates between pages, and uses platform-specific features.
If you are following this lab on your own and not in the lab VM environment, you will need to set up your machine for .NET MAUI development. Follow the installation instructions to set up your machine.
Follow these sections in sequence to build the solution for this lab.
- Overview of .NET MAUI and Blazor Hybrid
- Fetching Data
- Building UI and Adding Navigation
- Using Platform Features
At the end of this lab, you will build an app that looks like this across Android, iOS, macOS, Windows and web platforms.
- Learn: What is .NET MAUI?
- Learn: Overview of hybrid apps
- Learn: .NET MAUI Platform features
- Tutorial: Build a .NET MAUI Blazor Hybrid app with a Blazor Web App
- Tutorial: Build a .NET MAUI Blazor Hybrid and Web App with ASP.NET Core Identity
- Learn: Publish Blazor Hybrid apps
| Resources | Links | Description |
|---|---|---|
| Build session page | https://build.microsoft.com/sessions/LAB305 | Event session page with downloadable recording, slides, resources, and speaker bio |
| Microsoft Learn | https://aka.ms/build25/plan/ADAI_DevsAdvPlan | Official Collection or Plan with skilling resources to learn at your own pace |