router-core

Document TanStack Router primitives like createRouter and createRoute for reuse.

Updated Apr 2, 2026
One-click install
npx skills add https://github.com/abereghici/skills --skill router-core-abereghici
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: router-core
Source: https://github.com/abereghici/skills/tree/main/skills/tanstack-router
Command: npx skills add https://github.com/abereghici/skills --skill router-core-abereghici

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provide a framework-agnostic collection of core concepts for TanStack Router, including route trees, createRouter, createRoute, createRootRoute, createRootRouteWithContext, addChildren, and Register typing, to enable consistent discovery and reuse across skills.

Core Features & Use Cases

  • Standardizes the foundational router primitives to simplify learning and integration across React, Solid, and other frameworks.
  • Documents how route trees are composed, typed, and navigated, enabling safe, scalable architecture decisions.
  • Serves as the base knowledge layer for all TanStack Router skills, promoting consistency and reusability.

Quick Start

Explore the router-core skill to understand and compose the foundational primitives for TanStack Router in your app.

Frequently Asked Questions about router-core

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

FAQPage Schema
What are the core TanStack Router primitives for building a route tree?▼

The core TanStack Router primitives include createRouter, createRoute, createRootRoute, createRootRouteWithContext, addChildren, and Register typing, which together enable composing typed route trees for frontend applications.

How do I compose and type route trees in TanStack Router with TypeScript?▼

You compose and type route trees in TanStack Router by using createRoute to define routes, addChildren to nest them, and Register typing to ensure type-safe navigation and scalable architecture across your TypeScript app.

Can I use TanStack Router core primitives across different frontend frameworks?▼

Yes, the TanStack Router core primitives are framework-agnostic and designed for consistent reuse across React, Solid, and other frontend contexts without server-only dependencies.

What is the best way to standardize TanStack Router architecture across multiple projects?▼

The best way to standardize TanStack Router architecture is to document the foundational primitives—createRouter, createRoute, and route tree composition—as a reusable knowledge layer, promoting consistent integration and scalable architecture decisions.

Do I need server-side dependencies to use TanStack Router core primitives?▼

No, TanStack Router core primitives are self-contained and require no server-only dependencies, ensuring the foundational routing metadata unit operates entirely on the client side.

Why does TanStack Router use Register typing in its route tree setup?▼

TanStack Router uses Register typing in route tree setup to provide type-safe routing, enabling the compiler to validate route paths, parameters, and navigation links across the application architecture.