react-start

Scaffold isomorphic React projects with TanStack Start, Vite, and TypeScript.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/guillempuche/engranatge --skill react-start-guillempuche
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-start
Source: https://github.com/guillempuche/engranatge/tree/main/docs/repos/tanstack-router/packages/react-start/skills/react-start
Command: npx skills add https://github.com/guillempuche/engranatge --skill react-start-guillempuche

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers need a seamless way to build isomorphic React applications using TanStack Start without manually configuring server functions, routing, and build tooling.

Core Features & Use Cases

  • React bindings: Provides useServerFn hook and re-exports core Start APIs for React.
  • Full project setup: Includes ready‑to‑use Vite config, TypeScript, and router scaffolding.
  • Server‑client integration: Enables server functions (createServerFn) to be called from React components safely.
  • Use case: Quickly prototype a modern React web app with server‑side data fetching and routing, ideal for agency delivery of client dashboards.

Quick Start

Use the react-start skill to scaffold a new TanStack Start React project with Vite and TypeScript.

Frequently Asked Questions about react-start

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

FAQPage Schema
How do I set up an isomorphic React app with TanStack Start?

Scaffold an isomorphic React project with TanStack Start by applying Vite and TypeScript configuration, which handles server functions, routing, and build tooling out of the box.

What is the best way to call server functions from React components?

The best way to call server functions from React components is using the `useServerFn` hook alongside `createServerFn`, enabling safe server-client integration within your isomorphic application.

Do I need to manually configure Vite and TypeScript for a TanStack Start project?

No, you do not need to manually configure Vite and TypeScript for a TanStack Start project. The setup provides ready-to-use build configuration and router scaffolding automatically.

Can I use TanStack Start for prototyping client dashboards with server-side data fetching?

Yes, you can use TanStack Start for prototyping client dashboards. It supports server-side data fetching and routing via Vite and TypeScript, making it ideal for agency delivery and rapid prototypes.

Does TanStack Start provide routing setup out of the box for React?

TanStack Start provides routing setup out of the box for React applications. It includes ready-to-use router scaffolding alongside server functions and build configuration, eliminating manual routing setup.