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.
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.