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.