skills.rest
duranserkan
duranserkanCOMMUNITY
Explore all skills by this author →
GitHub

frontend-razor-pages-navigation

Generate centralized navigation collections for Razor Pages applications.

20|3|Updated Aug 13, 2023
Search Tags:#layout#navigation#sidebar#ui-components#dependency-injection#razor-pages#sub-navigation
One-click install
npx skills add https://github.com/duranserkan/DRN-Project --skill frontend-razor-pages-navigation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-razor-pages-navigation
Source: https://github.com/duranserkan/DRN-Project/tree/main/.agent/skills/frontend-razor-pages-navigation
Command: npx skills add https://github.com/duranserkan/DRN-Project --skill frontend-razor-pages-navigation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Razor Pages navigation patterns are often inconsistent, making apps hard to maintain. This Skill provides centralized navigation structures to standardize sidebars, user menus, and sub-navigation across projects.

Core Features & Use Cases

  • SidebarNavigationCollection drives the main vertical navigation with orderable items.
  • SidebarSettingsCollection configures the fixed bottom settings menu (profile, settings, logout).
  • SubNavigationCollection enables tab-like horizontal navigation for related pages.
  • Use Case: Implement a cohesive navigation layout in a DRN-hosted app by injecting these collections into the layout and rendering them in _Sidebar.cshtml.

Quick Start

Integrate the navigation collections into your Razor Pages layout by registering them in DI and rendering the Sidebar and SubNavigation in your shared layout.

Frequently Asked Questions about frontend-razor-pages-navigation

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

FAQPage Schema
How do I standardize sidebar navigation across multiple Razor Pages applications?▼

Centralized navigation collections manage sidebar items in Razor Pages by injecting them via dependency injection, ensuring consistent layouts and easy runtime customization across multiple projects.

How do I configure a fixed bottom settings menu in a Razor Pages layout?▼

A fixed bottom settings menu in a Razor Pages layout is configured using a dedicated settings collection, allowing you to centrally manage profile, settings, and logout items.

What is the best way to implement tab-like sub-navigation for related Razor Pages?▼

Tab-like sub-navigation for related Razor Pages is implemented using a sub-navigation collection, enabling horizontal tab rendering for related pages within your shared layout.

Can I dynamically generate and order navigation items at runtime in Razor Pages?▼

Yes, you can generate and order navigation items at runtime in Razor Pages by populating the navigation collections dynamically, allowing flexible customization of sidebar items.

Do I need dependency injection to render sub-navigation in a shared Razor Pages layout?▼

Yes, dependency injection is required to register the navigation collections and render the sidebar and sub-navigation components properly within your shared Razor Pages layout.

Related Skills

Explore More Software Engineering Skills→
ironkid90ironkid90

aspnet-core

Guide building, reviewing, refactoring, and architecting ASP.NET Core web applications.

Community
Advanced
jiaiyanjiaiyan
21

el-menu

Render Element Plus navigation menus with Vue Router integration.

Community
Intermediate
duranserkanduranserkan
20

frontend-razor-accessors

Generate type-safe Razor routing and ViewData accessors to replace magic strings.

Community
Intermediate
riftzen-bitriftzen-bit

swiftui-patterns

Implement SwiftUI architecture patterns and state management for iOS and macOS apps.

Community
Intermediate