umbraco-routing

Implement Umbraco backoffice routing with `umb-router-slot` for custom sections and dashboards.

Updated Mar 6, 2026
One-click install
npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-routing-kraftvaerk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: umbraco-routing
Source: https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy/tree/main/Kraftvaerk.Umbraco.Alchemy.Frontend/.agents/skills/umbraco-routing
Command: npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-routing-kraftvaerk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers understand and implement efficient navigation and routing within the Umbraco backoffice, making custom sections and dashboards more user-friendly and maintainable.

Core Features & Use Cases

  • URL-based Navigation: Enables navigation through sections, dashboards, and custom elements using clear, pathname-based URLs.
  • Custom Routing: Facilitates the creation of custom routes with parameters and redirects using umb-router-slot.
  • Deep Linking: Supports deep linking into specific views or states within the backoffice.
  • Use Case: Building a custom section for managing products, where each product has a unique URL like /section/my-product-section/product/123 for easy access and sharing.

Quick Start

Fetch the latest documentation on Umbraco routing from the provided URLs and then ask a question about implementing a section with a specific pathname.

Frequently Asked Questions about umbraco-routing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up custom routing in the Umbraco backoffice?

Custom routing in the Umbraco backoffice uses `umb-router-slot` to define pathnames for sections and dashboards. This enables URL-based navigation and deep linking to specific views, making custom extensions more user-friendly and maintainable.

Can I use URL parameters and redirects when building Umbraco navigation?

Yes, Umbraco routing supports route parameters and redirects using `umb-router-slot`. You can build dynamic URLs, such as routing to a specific item ID like `/section/my-product-section/product/123`, and handle view redirects within your custom section.

What is deep linking and how does it work for Umbraco dashboards?

Deep linking in Umbraco allows direct URL access to specific views or states within backoffice dashboards. By using pathname-based URLs, developers can create shareable links that navigate users straight to targeted custom elements.

When do I need to implement custom routing for my Umbraco section?

You need custom Umbraco routing when building custom backoffice sections that require unique, shareable URLs. It is essential for creating maintainable navigation paths, supporting deep links, and passing parameters to specific views within your extension.

How does pathname-based navigation improve the Umbraco backoffice?

Pathname-based navigation improves the Umbraco backoffice by providing clear, structured URLs for custom elements and dashboards. This approach makes custom sections easier to access, share, and maintain compared to default navigation states.