start-core

Build full-stack React apps with isomorphic loaders, server functions, and type-safe APIs.

14.9k|1.8k|Updated Jan 14, 2019
One-click install
npx skills add https://github.com/TanStack/router --skill start-core
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: start-core
Source: https://github.com/TanStack/router/tree/main/packages/start-client-core/skills/start-core
Command: npx skills add https://github.com/TanStack/router --skill start-core

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

TanStack Start provides an isomorphic, end-to-end React framework that unifies routing, SSR, server functions, and deployment, ensuring safe, type-safe code across client and server boundaries.

Core Features & Use Cases

  • End-to-end type safety for routes, loaders, and RPCs; isomorphic loaders and server functions; middleware; SSR with streaming; deployment strategies.
  • Unified development experience for building full-stack apps with TanStack Router and Start; use server functions from loaders and components; configure global middleware and per-route middleware.

Quick Start

Install the required packages, configure Vite with the tanstackStart plugin, and bootstrap a router with routeTree.gen and a root document.

Frequently Asked Questions about start-core

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

FAQPage Schema
How do I build full-stack React apps with type-safe server functions and routing?▼

Build full-stack React apps with type-safe server functions and routing by using an isomorphic execution model that unifies client and server boundaries. This framework enforces type-safe APIs via createServerFn while providing loaders, middleware, and SSR streaming.

What is the best way to share isomorphic loaders between client and server in React?▼

Share isomorphic loaders between client and server by leveraging a unified React framework execution model. This approach enforces isomorphic loading and safe environment variables, ensuring your loader logic runs safely across both boundaries without Next.js patterns.

Can I configure per-route middleware for SSR and server functions in React?▼

Configure per-route middleware for SSR and server functions directly within the framework's routing system. You can apply global middleware and route-specific middleware to manage server-side execution flows safely across your full-stack React application.

Does this React framework support end-to-end type safety for routes and RPCs?▼

End-to-end type safety for routes, loaders, and RPCs is fully supported across the isomorphic execution model. By using createServerFn, you enforce strict type-safe APIs that propagate safely across both client and server boundaries.

How do I set up Vite for an isomorphic React framework with routing?▼

Set up Vite for an isomorphic React framework by installing the required packages and configuring the Vite config with the tanstackStart plugin. You then bootstrap a router using routeTree.gen and a root document to start development.

Why should I avoid Next.js patterns when using isomorphic server functions?▼

Avoid Next.js patterns because this framework enforces a distinct isomorphic execution model with safe environment variables and type-safe APIs via createServerFn. Next.js patterns conflict with its unified routing and server function boundaries.