https://github.com/dotnet-presentations/build-2025-lab305
LAB305 - Build Multi-platform Hybrid Apps with Blazor & .NET MAUI
https://github.com/dotnet-presentations/build-2025-lab305
Last synced: 12 months ago
JSON representation
LAB305 - Build Multi-platform Hybrid Apps with Blazor & .NET MAUI
- Host: GitHub
- URL: https://github.com/dotnet-presentations/build-2025-lab305
- Owner: dotnet-presentations
- License: mit
- Created: 2025-04-16T20:17:03.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-19T18:42:21.000Z (about 1 year ago)
- Last Synced: 2025-05-19T19:48:19.572Z (about 1 year ago)
- Language: C#
- Size: 4.37 MB
- Stars: 3
- Watchers: 0
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Build 2025 Lab 305
## Build Multi-platform Hybrid Apps with Blazor & .NET MAUI
In this lab, you'll build a hybrid mobile, desktop and web application using the [.NET MAUI Blazor Hybrid and Web](https://learn.microsoft.com/aspnet/core/blazor/hybrid/tutorials/maui-blazor-web-app?view=aspnetcore-9.0#net-maui-blazor-hybrid-and-web-app-solution-template) 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.
## Setup
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](https://learn.microsoft.com/en-us/dotnet/maui/get-started/installation?view=net-maui-9.0&tabs=visual-studio) to set up your machine.
## Agenda
Follow these sections in sequence to build the solution for this lab.
1. [Overview of .NET MAUI and Blazor Hybrid](./1-Overview/README.md)
2. [Fetching Data](./2-Data/README.md)
3. [Building UI and Adding Navigation](./3-UI/README.md)
4. [Using Platform Features](./4-Platform/README.md)
At the end of this lab, you will build an app that looks like this across Android, iOS, macOS, Windows and web platforms.
## More resources
- [Learn: What is .NET MAUI?](https://learn.microsoft.com/dotnet/maui/what-is-maui?view=net-maui-9.0)
- [Learn: Overview of hybrid apps](https://learn.microsoft.com/dotnet/maui/hybrid-apps/?view=net-maui-9.0)
- [Learn: .NET MAUI Platform features](https://learn.microsoft.com/dotnet/maui/platform-integration/?view=net-maui-9.0)
- [Tutorial: Build a .NET MAUI Blazor Hybrid app with a Blazor Web App](https://learn.microsoft.com/aspnet/core/blazor/hybrid/tutorials/maui-blazor-web-app?view=aspnetcore-9.0&viewFallbackFrom=net-maui-9.0&toc=%2Fdotnet%2Fmaui%2Ftoc.json&bc=%2Fdotnet%2Fmaui%2Fbreadcrumb%2Ftoc.json)
- [Tutorial: Build a .NET MAUI Blazor Hybrid and Web App with ASP.NET Core Identity](https://learn.microsoft.com/aspnet/core/blazor/hybrid/security/maui-blazor-web-identity?toc=%2Fdotnet%2Fmaui%2Ftoc.json&bc=%2Fdotnet%2Fmaui%2Fbreadcrumb%2Ftoc.json&view=aspnetcore-9.0)
- [Learn: Publish Blazor Hybrid apps](https://learn.microsoft.com/aspnet/core/blazor/hybrid/publish/?toc=%2Fdotnet%2Fmaui%2Ftoc.json&bc=%2Fdotnet%2Fmaui%2Fbreadcrumb%2Ftoc.json&view=aspnetcore-9.0)
## Session Resources
| 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|