router▌

Router Setup (Data Mode):

Type-safe routing patterns, data loading strategies, and navigation best practices for TanStack Router in React. \n \n Covers 33 rules across 10 categories: type safety, route organization, data loading, search params, error handling, navigation, code splitting, preloading, and route context \n Emphasizes type inference through router registration, from parameters, and queryOptions integration to prevent runtime errors \n Includes data loading patterns with TanStack Query integration, deferred d

Comprehensive patterns for Next.js 14+ App Router, Server Components, and modern full-stack React development. \n \n Covers rendering modes (Server Components, Client Components, static, dynamic, streaming), file conventions, and core architectural patterns with practical TypeScript examples \n Includes eight key patterns: Server Components with data fetching, Client Components, Server Actions, parallel routes, intercepting routes for modals, streaming with Suspense, Route Handlers, and metadata

Setup and usage of next-intl with prefix-based locale routing (e.g. /en/about, /ja/about). Use this skill in any Next.js App Router project.

Create native Rust plugins for Apollo Router.

ALWAYS use this router first for math requests.

Vue Router 4 patterns, navigation guards, and route-lifecycle best practices. \n \n Covers five navigation guard patterns including async/await handling, deprecated next() function migration, and infinite redirect loop prevention \n Addresses route lifecycle gotchas such as stale data when navigating with param changes and event listener cleanup on unmount \n Includes guidance on component instance access in beforeRouteEnter guards and param-change detection across same-route navigation \n Provi

Vue Router 4 patterns, navigation guards, and route-lifecycle best practices. \n \n Covers five navigation guard patterns including async/await handling, deprecated next() function migration, infinite redirect loops, and param-change detection \n Addresses route-lifecycle gotchas like stale data when navigating between same routes and event listener cleanup on component unmount \n Includes production SPA setup guidance and component instance access patterns in beforeRouteEnter guards \n

Vue Router 4 patterns, navigation guards, and route-lifecycle best practices. \n \n Covers five navigation guard patterns including async/await handling, deprecated next() function migration, infinite redirect loops, and param-change detection \n Addresses route-lifecycle gotchas like stale data when navigating between same routes and event listener cleanup on component unmount \n Includes guidance on beforeRouteEnter guard limitations, component instance access, and param-triggered navigation b

Version: 2.0.0 | Last Updated: 2025-01-22