skills.rest
lespaceman
lespacemanCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

tanstack-start-guide

Orient and bootstrap TanStack Start projects with file-based routing and server functions.

4|1|Updated Feb 3, 2026
Search Tags:#react#routing#scaffolding#server-functions#tanstack-start#file-based-routing
One-click install
npx skills add https://github.com/lespaceman/athena-workflow-marketplace --skill tanstack-start-guide
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tanstack-start-guide
Source: https://github.com/lespaceman/athena-workflow-marketplace/tree/main/plugins/tanstack-start/skills/tanstack-start-guide
Command: npx skills add https://github.com/lespaceman/athena-workflow-marketplace --skill tanstack-start-guide

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

TanStack Start projects often suffer from misaligned scaffolds and confusing routing setups. This guide provides a structured approach to orient full-stack React work around TanStack Start conventions, including file-based routing, server functions, and migrations.

Core Features & Use Cases

  • Upstream integration awareness: Documents how upstream skills copied from @tanstack/intent feed into local scaffolds and how to load the most specific upstream skill before framework changes.
  • Example scaffolds and routes: Describes known TanStack Start scaffold families and file-based router examples to accelerate setup.
  • Cross-runtime guidance: Outlines how plugin marketplaces, packaging overlays, and runtime artifacts align with Claude and Codex ecosystems.

Quick Start

Begin with the TanStack Start Basic scaffold and tailor routing and server functions to your project.

Frequently Asked Questions about tanstack-start-guide

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

FAQPage Schema
How do I scaffold a TanStack Start app with file-based routing and server functions?▼

Scaffolding a TanStack Start app involves bootstrapping the basic project structure and tailoring file-based routers alongside server functions to correctly align routing and data loading with full-stack React conventions.

What is the best way to migrate a Next.js project to TanStack Start?▼

Migrating from Next.js to TanStack Start requires reorienting your full-stack React architecture around TanStack Start conventions, specifically adopting its file-based routing and server routes to replace existing Next.js patterns.

How does TanStack Start handle route loaders and server routes?▼

TanStack Start handles route loaders and server routes by using structured file-based routing conventions that orient data fetching and server-side logic directly within the scaffolded project structure.

Does this TanStack Start guide support cross-runtime compatibility with Claude and OpenAI ecosystems?▼

Yes, the guide outlines cross-runtime compatibility by aligning plugin marketplaces, packaging overlays, and runtime artifacts with Claude and Codex ecosystems through specific metadata configurations.

Can I use upstream intents to guide TanStack Start scaffolding before applying framework changes?▼

Yes, you can load the most specific upstream skill copied from TanStack intents to feed into local scaffolds, ensuring upstream integration requirements are satisfied before applying framework changes.

Related Skills

Explore More Software Engineering Skills→
getsentrygetsentry
1

sentry-tanstack-start-sdk

Configure Sentry observability for TanStack Start React apps.

Official
Advanced
JimmyPaoliniJimmyPaolini

tanstack-start-ssr

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

Community
Advanced
tenequmtenequm
32

tanstack

Build type-safe React applications with TanStack Query, Router, and Start.

Community
Advanced
vietlinhh02vietlinhh02

Next.js

Build full-stack React applications with Next.js App Router and Server Components.

Community
Intermediate