{"id":27814478,"url":"https://github.com/dotnet-presentations/build-2025-lab305","last_synced_at":"2025-07-17T08:32:53.873Z","repository":{"id":288668306,"uuid":"967670677","full_name":"dotnet-presentations/build-2025-lab305","owner":"dotnet-presentations","description":"LAB305 - Build Multi-platform Hybrid Apps with Blazor \u0026 .NET MAUI","archived":false,"fork":false,"pushed_at":"2025-05-19T18:42:21.000Z","size":4580,"stargazers_count":3,"open_issues_count":1,"forks_count":3,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-05-19T19:48:19.572Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dotnet-presentations.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-04-16T20:17:03.000Z","updated_at":"2025-05-19T18:42:24.000Z","dependencies_parsed_at":"2025-05-08T15:37:26.426Z","dependency_job_id":null,"html_url":"https://github.com/dotnet-presentations/build-2025-lab305","commit_stats":null,"previous_names":["dotnet-presentations/build-2025-lab305"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dotnet-presentations/build-2025-lab305","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotnet-presentations%2Fbuild-2025-lab305","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotnet-presentations%2Fbuild-2025-lab305/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotnet-presentations%2Fbuild-2025-lab305/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotnet-presentations%2Fbuild-2025-lab305/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dotnet-presentations","download_url":"https://codeload.github.com/dotnet-presentations/build-2025-lab305/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotnet-presentations%2Fbuild-2025-lab305/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265585294,"owners_count":23792714,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-05-01T12:43:53.601Z","updated_at":"2025-07-17T08:32:53.868Z","avatar_url":"https://github.com/dotnet-presentations.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n\u003cimg src=\"img/banner.jpg\" alt=\"decorative banner\" width=\"1200\"/\u003e\n\u003c/p\u003e\n\n# Build 2025 Lab 305\n\n## Build Multi-platform Hybrid Apps with Blazor \u0026 .NET MAUI\n\nIn 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.\n\n## Setup\n\nIf 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\u0026tabs=visual-studio) to set up your machine. \n\n## Agenda\n\nFollow these sections in sequence to build the solution for this lab. \n\n1. [Overview of .NET MAUI and Blazor Hybrid](./1-Overview/README.md)\n2. [Fetching Data](./2-Data/README.md)\n3. [Building UI and Adding Navigation](./3-UI/README.md)\n4. [Using Platform Features](./4-Platform/README.md)\n\nAt the end of this lab, you will build an app that looks like this across Android, iOS, macOS, Windows and web platforms.\n\n![](./images/AllApps.jpg)\n\n## More resources\n- [Learn: What is .NET MAUI?](https://learn.microsoft.com/dotnet/maui/what-is-maui?view=net-maui-9.0)\n- [Learn: Overview of hybrid apps](https://learn.microsoft.com/dotnet/maui/hybrid-apps/?view=net-maui-9.0)\n- [Learn: .NET MAUI Platform features](https://learn.microsoft.com/dotnet/maui/platform-integration/?view=net-maui-9.0)\n- [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\u0026viewFallbackFrom=net-maui-9.0\u0026toc=%2Fdotnet%2Fmaui%2Ftoc.json\u0026bc=%2Fdotnet%2Fmaui%2Fbreadcrumb%2Ftoc.json)\n- [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\u0026bc=%2Fdotnet%2Fmaui%2Fbreadcrumb%2Ftoc.json\u0026view=aspnetcore-9.0)\n- [Learn: Publish Blazor Hybrid apps](https://learn.microsoft.com/aspnet/core/blazor/hybrid/publish/?toc=%2Fdotnet%2Fmaui%2Ftoc.json\u0026bc=%2Fdotnet%2Fmaui%2Fbreadcrumb%2Ftoc.json\u0026view=aspnetcore-9.0)\n\n## Session Resources \n\n| Resources          | Links                             | Description        |\n|:-------------------|:----------------------------------|:-------------------|\n| Build session page | https://build.microsoft.com/sessions/LAB305 | Event session page with downloadable recording, slides, resources, and speaker bio |\n|Microsoft Learn|https://aka.ms/build25/plan/ADAI_DevsAdvPlan|Official Collection or Plan with skilling resources to learn at your own pace|\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdotnet-presentations%2Fbuild-2025-lab305","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdotnet-presentations%2Fbuild-2025-lab305","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdotnet-presentations%2Fbuild-2025-lab305/lists"}