routing

Manage SPA routing with route guards, loaders, and client-side navigation in pocopine.

Updated Jun 1, 2026
One-click install
npx skills add https://github.com/mambisi/pocopine-skills --skill routing-mambisi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: routing
Source: https://github.com/mambisi/pocopine-skills/tree/main/routing
Command: npx skills add https://github.com/mambisi/pocopine-skills --skill routing-mambisi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pocopine, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the process of building Single Page Application (SPA) routes, implementing route guards and loaders, and configuring navigation links in the pocopine framework.

Core Features & Use Cases

  • SPA Routing: Maps URL patterns to components and manages navigation in pocopine.
  • Route Guards: Adds security by controlling access to routes.
  • Route Loaders: Fetches data asynchronously before component mounting.
  • Navigation Links: Generates client-side links that navigate without page reloads.
  • Use Case: If you're developing a pocopine application and need to define routes, control access to them, and provide navigation links, this skill is essential.

Quick Start

Use the routing skill to define a new route for your pocopine app, like 'poco skills install routing'.

Frequently Asked Questions about routing

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

FAQPage Schema
How do I set up SPA routing in a pocopine application?

To set up SPA routing in a pocopine application, use the routing Skill to map URL patterns to components and manage client-side navigation. It requires pocopine's router to handle routing logic and data fetching.

What are route guards in pocopine and how do they control access?

Route guards in pocopine add security by controlling access to specific SPA routes. They intercept navigation attempts to verify permissions, ensuring unauthorized users cannot mount protected components.

Can I fetch data asynchronously before mounting components with pocopine route loaders?

Yes, pocopine route loaders fetch data asynchronously before component mounting. This ensures all required data is available when the route renders, preventing loading flashes and improving SPA user experience.

How do navigation links work for client-side routing without page reloads?

Navigation links generate client-side links that route users between pages without full page reloads. They update the URL and render the matched component directly within the pocopine SPA environment.

Do I need to install the pocopine framework before using this routing Skill?

Yes, you must have the pocopine framework installed as a prerequisite. The routing Skill explicitly depends on pocopine's router and related components to declare routes, implement guards, and manage data loaders.