# Pinecone Router 7 5 0 > Client-side routing toolkit for Alpine.js applications using Pinecone Router v7.5, providing route matching, template rendering, handlers, and TypeScript support. Use when building SPAs with Alpine.js that require declarative HTML routing, external template loading, async data fetching, hash or history navigation, or programmatic route management. - Skill: `tangledgroup/pinecone-router-7-5-0` (Agent Skill, multi-file: 9 files) - Install (CLI): `npx skillmds@latest add tangledgroup/pinecone-router-7-5-0` - Raw SKILL.md: https://api.skillmd.com/api/skills/tangledgroup/pinecone-router-7-5-0/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: tangledgroup (https://skillmd.com/u/tangledgroup) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tangledgroup/pinecone-router-7-5-0 --- # Pinecone Router v7.5 ## Overview Pinecone Router is a small, easy-to-use, and feature-packed client-side router for Alpine.js. At approximately 3 KB gzipped with zero dependencies, it provides declarative HTML-based routing through Alpine.js directives (`x-route`, `x-template`, `x-handler`), supporting inline templates, external template fetching, async route handlers with abort support, navigation history management, hash routing, base path configuration, and full TypeScript definitions. It integrates as an Alpine.js plugin and exposes three magic helpers — `$router`, `$history`, and `$params` — for accessing router state from within Alpine components. ## When to Use - Building single-page applications with Alpine.js that need client-side routing - Routing without a build step (CDN or browser module installation) - Applications needing inline HTML templates or externally fetched template files - Routes that require async data fetching before rendering (handler-based guards and data loading) - Projects needing navigation history with back/forward controls independent of the browser - Hash-based routing for environments without server-side URL rewriting - TypeScript projects requiring type-safe routing APIs ## Core Concepts **Declarative Routing**: Routes are declared in HTML using `