tanstack-start-project-setup

Initialize a TanStack Start SSR project with Vite and server functions.

5|Updated Feb 12, 2026
One-click install
npx skills add https://github.com/agusmdev/fullstack-ai-template --skill tanstack-start-project-setup
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tanstack-start-project-setup
Source: https://github.com/agusmdev/fullstack-ai-template/tree/main/.claude/skills/tanstack-start-project-setup
Command: npx skills add https://github.com/agusmdev/fullstack-ai-template --skill tanstack-start-project-setup

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill streamlines bootstrapping a TanStack Start SSR application by providing a ready-to-run scaffold, sensible defaults, and inline guidance for configuration.

Core Features & Use Cases

  • Automated Project Bootstrap: Initializes a TanStack Start project with Vite, server functions, and routing scaffolding.
  • Config & Tooling Guidance: Includes recommended tsconfig.json, vite.config.ts, and package.json templates suitable for Bun or npm.
  • Use Case: Ideal for teams starting new SSR apps with TanStack Start and React Router without manual boilerplate.

Quick Start

Initialize a new TanStack Start project with bunx create @tanstack/start@latest, then follow the prompts to configure the project and install dependencies, and finally run the development server.

Frequently Asked Questions about tanstack-start-project-setup

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

FAQPage Schema
How do I set up a TanStack Start SSR project with Vite?

To set up a TanStack Start SSR project, you bootstrap it with Vite configuration and server functions. This involves initializing the scaffold, selecting tooling like Bun or npm, configuring routing, and using ready-to-run templates for client and server code.

What is the best way to bootstrap a TanStack Start application?

The best way to bootstrap a TanStack Start application is using the automated initialization command. This generates a ready-to-run scaffold with sensible defaults, including a minimal TypeScript setup, proper tsconfig, and a sample vite.config to ensure a functional development experience.

Can I use Bun instead of npm for my TanStack Start project setup?

Yes, you can use Bun for your TanStack Start project setup. The configuration and tooling guidance includes recommended package.json and vite.config.ts templates specifically designed to work seamlessly with either Bun or npm as your package manager.

How does TanStack Start handle server functions and routing?

TanStack Start handles server functions and routing by providing automated scaffolding during project initialization. The setup enforces requirements for a minimal TypeScript configuration and provides ready-to-run templates that integrate server code with React Router routing structures.

What TypeScript configuration is required for a TanStack Start project?

A minimal TypeScript setup with a proper tsconfig is required for a TanStack Start project. The automated bootstrap enforces these requirements and provides a recommended tsconfig.json template to ensure your server functions and Vite configuration function correctly.

Are there ready-to-run templates available for TanStack Start SSR?

Yes, ready-to-run templates for both client and server code are available during the TanStack Start SSR setup. These templates include sensible defaults and inline guidance, allowing you to skip manual boilerplate and immediately run the development server.