router-core

Document TanStack Router primitives like createRouter and createRoute for reuse.

Updated Apr 2, 2026

Search Tags:#typescript #design #architecture #frontend #routing #router

Ready to run

npx skills add https://github.com/abereghici/skills --skill router-core-abereghici

💬 Prompt for ChatGPT / Claude Chat▼

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.