Skills
.Work. You
Rest

tanstack-client-auth

Community

Client-side token-based auth for TanStack apps.

Software Engineering#authorization#security#authentication#frontend#spa#token#tanstack-router
Authoragusmdev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This setup provides a client-side token-based authentication flow for TanStack SPA apps, including login/logout, protected routes, auth context, token storage, and route guards.

Core Features & Use Cases

  • Implement AuthContext and AuthProvider to manage user state and access tokens.
  • Protect routes via Protected Routes and beforeLoad guards, with automatic token attachment to API requests.
  • Enable seamless integration with TanStack Router and TanStack Start client-only mode for secure, authenticated experiences.

Quick Start

Create a TanStack Router or TanStack Start project and wire in the shared tanstack-client-auth skill to provide login/logout, token storage, auth context, protected routes, and route guards.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: tanstack-client-auth
Download link: https://github.com/agusmdev/fullstack-ai-template/archive/main.zip#tanstack-client-auth

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.