skills.rest
agusmdev
agusmdevCOMMUNITY
Explore all skills by this author →
Website𝕏@agusmdevGitHub

tanstack-start-client-only

Disables SSR for TanStack Start projects using router config.

5|Updated Feb 12, 2026
Search Tags:#deployment#vite#spa#ssr#react-router#tanstack-start#client-only
One-click install
npx skills add https://github.com/agusmdev/fullstack-ai-template --skill tanstack-start-client-only
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tanstack-start-client-only
Source: https://github.com/agusmdev/fullstack-ai-template/tree/main/.claude/skills/tanstack-start-client-only
Command: npx skills add https://github.com/agusmdev/fullstack-ai-template --skill tanstack-start-client-only

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enable client-only TanStack Start to avoid SSR and enable SPA-like behavior for dashboards and private apps.

Core Features & Use Cases

  • Disable SSR globally via defaultSsr: false to simplify client-only apps.
  • Per-route SSR control by ssr: false on individual routes for hybrid patterns.
  • Browser APIs available without SSR checks, enabling dashboards and private apps.
  • Simplified build for client-only deployment with Vite/tanstack-start plugin.
  • Works with existing TanStack Start routes and root configuration.

Quick Start

Configure your project for client-only mode by setting defaultSsr to false in the router configuration.

Frequently Asked Questions about tanstack-start-client-only

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

FAQPage Schema
How do I disable SSR in TanStack Start to build a client-only SPA?▼

Disable SSR in TanStack Start by setting defaultSsr to false in your router configuration. This transitions your React application into a client-only SPA, bypassing server-side rendering for simplified browser API usage and static deployment.

Can I use browser APIs in TanStack Start without adding SSR checks?▼

Yes, browser APIs are directly available without SSR checks when you configure TanStack Start for client-only mode. Setting defaultSsr to false removes server-side execution, allowing safe access to window and document objects within your React components.

Does TanStack Start support per-route SSR control for hybrid apps?▼

TanStack Start supports per-route SSR control by setting ssr: false on individual routes. This enables hybrid patterns, allowing you to mix client-only private dashboards with server-rendered public pages within the same React application.

What is the best way to deploy a TanStack Start app as a static SPA?▼

The best way to deploy a TanStack Start app as a static SPA is to disable SSR globally and use the Vite build tooling. This simplifies client-only deployment by outputting static assets suitable for authentication-protected dashboards where SEO is not required.

When should I avoid server-side rendering in my TanStack Start project?▼

You should avoid server-side rendering in TanStack Start when building authentication-protected dashboards, private apps, or rapid prototypes where SEO is not required. Disabling SSR simplifies build tooling and environment handling for client-only static deployment.

Why does my TanStack Start app need a root route setup for client-only mode?▼

A root route setup is needed in TanStack Start to properly handle client-only mode configurations. Configuring the root route ensures your React app correctly transitions to a client-only SPA, satisfying router requirements and enabling browser API usage without SSR checks.

Related Skills

Explore More Software Engineering Skills→
tkgstratortkgstrator
1

tanstack-router

Generates file-based TanStack Router routes and typed parameters for Vite+React SPAs via the @tanstack/router-plugin.

Community
Intermediate
WalshingtonWalshington

tanstack-start

Build and deploy TanStack Start full-stack React apps on Cloudflare Workers.

Community
Advanced
alexturpinalexturpin

tanstack-start-routes

Provides TanStack Router patterns for routes, loaders, TanStack Query integration, and server functions for React apps.

Community
Intermediate
ROYCE-8425ROYCE-8425
1

nuxt4-patterns

Configures Nuxt 4 hydration safety, SSR data fetching, and route rules.

Community
Advanced