What is the primary component used for routing in Umbraco?

The umb-router-slot is the core component used to render matched routes and manage navigation within custom elements in the Umbraco backoffice.

How do I link to a specific section view?

By defining a pathname in the section view's meta configuration, you can navigate directly to the view via a URL structure like /section/your-section-alias/your-view-pathname.

Can I use parameters in Umbraco backoffice URLs?

Yes, you can define parameters in the route path using colon syntax (e.g., 'item/:id') and access them within the route's setup function to pass data to your components.

Does this skill support nested routes?

Yes, it provides patterns for implementing parent routes that host their own internal router slots for building complex, multi-level layouts and navigation structures.

Umbraco Backoffice Routing

Name: Umbraco Backoffice Routing
Author: umbraco

byumbraco

•

콘텐츠 관리

Simplifies the implementation of navigation and URL-based routing within the Umbraco CMS backoffice environment.

This skill provides specialized knowledge for building and managing routing within the modern Umbraco backoffice architecture. It enables developers to create custom sections, dashboards, and workspace views using the umb-router-slot component and UmbRoute definitions. By leveraging this skill, Claude can assist in implementing complex navigation patterns, handling route parameters, setting up redirects, and ensuring deep-linking support, all while following the latest Umbraco best practices and extension patterns.

주요 기능

01Configuration of Umbraco sections and dashboards with custom pathnames

02Creation of nested routing structures for complex admin interfaces

03Implementation of umb-router-slot for dynamic component rendering

04Handling of route parameters and setup functions for data passing

051 GitHub stars

06Support for URL-based navigation, redirects, and deep-linking

사용 사례

01Implementing a detail view that loads specific items via ID parameters in the URL

02Creating a multi-tab dashboard with unique URLs for each view

03Building a custom administration section for a third-party Umbraco package

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add umbraco/umbraco-cms-backoffice-skills umbraco-routing

For use in Claude.ai and ChatGPT

Download Skill