tanstack-start-ssr

Build TanStack Start SSR apps with file-based routing and server functions.

1|Updated Oct 18, 2025
One-click install
npx skills add https://github.com/JimmyPaolini/monorepo --skill tanstack-start-ssr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tanstack-start-ssr
Source: https://github.com/JimmyPaolini/monorepo/tree/main/documentation/skills/tanstack-start-ssr
Command: npx skills add https://github.com/JimmyPaolini/monorepo --skill tanstack-start-ssr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill guides building server-rendered applications using TanStack Start to enable file-based routing, server functions, and efficient data loading patterns, improving performance and developer experience.

Core Features & Use Cases

  • File-based routing with type-safe navigation and route definitions.
  • Server functions for secure backend logic and server-side data access.
  • SSR with streaming support for fast initial renders and progressive data loading.
  • Cookie-based authentication compatibility with Supabase for secure user sessions.

Quick Start

Create a minimal TanStack Start SSR route in an existing app to demonstrate file-based routing, server function usage, and SSR data loading.

Frequently Asked Questions about tanstack-start-ssr

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

FAQPage Schema
How do I implement server-side rendering with TanStack Start for fast initial page loads?

Server-side rendering with TanStack Start utilizes streaming support for fast initial renders and progressive data loading. It structures route configuration and server-side data fetching to improve application performance and developer experience.

What's the best way to set up cookie-based authentication with Supabase in a TanStack Start SSR app?

Cookie-based authentication with Supabase in a TanStack Start SSR app provides secure user sessions. The framework integrates secure auth patterns directly within the routing and server function ecosystem to manage session state.

How do I use server functions in TanStack Start to securely fetch data on the backend?

Server functions in TanStack Start enable secure backend logic and server-side data access. They allow you to execute server-only code to fetch data, ensuring sensitive logic remains isolated from the client bundle.

Can I use file-based routing with type-safe navigation in a TanStack Start application?

Yes, TanStack Start supports file-based routing with type-safe navigation and route definitions. This enables structured route configuration, ensuring type safety across your application's navigation paths.

Does TanStack Start support streaming SSR for progressive data loading?

Yes, TanStack Start supports SSR with streaming for fast initial renders and progressive data loading. This approach allows the server to stream HTML chunks to the browser as data becomes available.

How do I configure loaders for server-side data fetching in TanStack Start?

You configure loaders in TanStack Start to handle server-side data fetching before rendering routes. This satisfies requirements for structured route configuration and efficient data loading patterns within the ecosystem.