tanstack-start

Automate full-stack React app setup with TanStack Start for SSR and deployment.

Updated Apr 14, 2026
One-click install
npx skills add https://github.com/iEnergyy/opsflow --skill tanstack-start-ienergyy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tanstack-start
Source: https://github.com/iEnergyy/opsflow/tree/main/.agents/skills/tanstack-start
Command: npx skills add https://github.com/iEnergyy/opsflow --skill tanstack-start-ienergyy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

TanStack Start simplifies building and deploying full-stack React apps by providing SSR, streaming, server functions, and multi-platform deployment without manual wiring.

Core Features & Use Cases

  • Server-rendered React apps with TanStack Router
  • Server functions, middleware, and API routes for end-to-end behavior
  • Cross-platform deployment presets via Vinxi/Nitro for Vercel, Netlify, Cloudflare, and more
  • Quick scaffold for projects that need robust routing, SSR, and API integration

Quick Start

Run the TanStack Start CLI to create a new project and begin customizing routes and server functions.

Frequently Asked Questions about tanstack-start

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

FAQPage Schema
How do I set up server-side rendering and API routes in a React app?

Setting up server-side rendering and API routes in a React app requires configuring a full-stack framework for SSR and server functions. This Skill automates that scaffolding using TanStack Start to provide type-safe routing, streaming, and end-to-end behavior without manual wiring.

What's the best way to deploy a full-stack React app across multiple hosting environments?

Deploying a full-stack React app across multiple hosting environments is handled via Vinxi and Nitro presets. This Skill configures cross-platform deployment presets for Vercel, Netlify, and Cloudflare, ensuring your SSR application and server functions run natively on each provider.

Can I use TanStack Router with server functions and middleware in an SSR setup?

Using TanStack Router with server functions and middleware in an SSR setup is fully supported. This Skill orchestrates server-rendered React apps by combining robust router configuration with API routes and middleware to manage end-to-end behavior securely.

Does TanStack Start support streaming and type-safe scaffolding for new projects?

TanStack Start does support streaming and type-safe scaffolding for new projects. This Skill automates the setup of a full-stack React app, applying server functions and routing configuration to quickly scaffold projects requiring robust SSR and API integration.

Why do I need server functions and Nitro presets for my React routing application?

You need server functions and Nitro presets for your React routing application to enable backend logic and cross-platform deployment. This Skill wires these elements together via Vinxi, eliminating the manual setup required for SSR, streaming, and API routes across hosting environments.