skills.rest
dotlab-hq
dotlab-hqOFFICIAL
Explore all skills by this author →
GitHub

tanstack-start

Set up full-stack React apps with SSR and Cloudflare Workers deployment.

1|Updated Feb 26, 2026
Search Tags:#typescript#routing#cloudflare#ssr#server-functions#tanstack-start
One-click install
npx skills add https://github.com/dotlab-hq/storage-platform --skill tanstack-start-dotlab-hq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tanstack-start
Source: https://github.com/dotlab-hq/storage-platform/tree/main/.agents/skills/tanstack-start
Command: npx skills add https://github.com/dotlab-hq/storage-platform --skill tanstack-start-dotlab-hq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

TanStack Start provides a complete framework setup to build modern full-stack React apps with SSR, server functions, and streamlined deployment workflows.

Core Features & Use Cases

  • Server-first development: write server functions with createServerFn and route loaders that run on server and client as needed.
  • File-based routing and SSR integration: seamless routing with TanStack Router and SSR support.
  • Cloudflare Workers deployment: easy deployment workflows for edge environments.

Quick Start

Create a new TanStack Start project with the official CLI and follow the prompts to configure SSR and routing.

Frequently Asked Questions about tanstack-start

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

FAQPage Schema
How do I build a full-stack React app with SSR and server functions?▼

Build a full-stack React app with SSR by using a framework setup that integrates server functions for server loaders and client-side rendering. This provides seamless routing and clear server/client code organization for modern web development.

How do I deploy a TanStack Start app to Cloudflare Workers?▼

Deploy a TanStack Start app to Cloudflare Workers by following the framework's streamlined deployment workflows. The setup provides easy deployment configurations specifically targeting edge environments like Cloudflare Workers.

What's the best way to organize server and client code in a React SSR app?▼

Organize server and client code in a React SSR app by using server functions to run code on the server and route loaders as needed. This approach provides clear separation between server-side and client-side logic.

Does TanStack Router support file-based routing with SSR?▼

Yes, TanStack Router supports file-based routing with SSR. The framework setup integrates seamless routing with TanStack Router and SSR support, allowing you to build modern full-stack React apps.

Can I use Vite tooling with TanStack Start for full-stack development?▼

Yes, you can use Vite tooling with TanStack Start. The framework setup supports building full-stack React apps across Cloudflare Workers and Vite tooling, providing a complete development environment.

When do I need server functions in a React SSR application?▼

You need server functions in a React SSR application when you want to write server-first code that runs on the server and client as needed. Use createServerFn for server loaders to handle data fetching and server-side logic.

Related Skills

Explore More Software Engineering Skills→
RamonsDkaRamonsDka
1

javascript-typescript

Automate JavaScript and TypeScript project setup with ready-to-use configurations.

Community
Intermediate
ovachieverovachiever
52

tanstack-start

Build full-stack React apps on Cloudflare Workers with TanStack Start.

Community
Advanced
cill-i-amcill-i-am

react-start

Set up React projects with TanStack Start server functions and routing.

Community
Advanced
fgarofalo56fgarofalo56
6

nextjs-app-router

Guide Next.js 14+ App Router development covering components, routing, data fetching, and server actions.

Community
Advanced