Use pages, routing, and layouts to improve Blazor navigation

Module
8 Units

Intermediate

Developer

Solution Architect

Blazor

ASP.NET

Learn how to manage request routing by using the @page directive, Blazor routing, NavLink, and NavMenu components. Increase an app's flexibility by adding routing parameters in your Blazor components. Use layouts to improve your app by reducing duplicate code.

Learning objectives

By the end of this module, you'll be able to:

Improve your Blazor app's navigation by using the router component and NavLinks.
Enhance functionality with route parameters.
Reduce duplicate code by using layouts in your Blazor app.

Prerequisites

Basic knowledge of web app concepts
C# .NET experience at a beginner level
Local installations of the .NET SDK and Visual Studio Code
C# extension for Visual Studio Code
Experience with using the command line
Knowledge of Blazor components

Introduction min
Use the Blazor router component to control your app's navigation min
Exercise - Change navigation in your Blazor app by using the @page directive min
Explore how route parameters affect your Blazor app's routing min
Exercise - Use route parameters to improve your apps navigation min
Build reusable Blazor components using layouts min
Exercise - Add a Blazor layout to reduce duplication in your code min
Summary min