Use pages, routing, and layouts to improve Blazor navigation

Solution Architect
.NET Core

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.


  • 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