tanstack-start-project-setup

Initialize and configure TanStack Start projects with Vite and Netlify presets.

Updated Mar 3, 2026
One-click install
npx skills add https://github.com/jherr/jdh-swar-test-saas-1 --skill tanstack-start-project-setup-jherr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tanstack-start-project-setup
Source: https://github.com/jherr/jdh-swar-test-saas-1/tree/main/.claude/skills/tanstack-start-project-setup
Command: npx skills add https://github.com/jherr/jdh-swar-test-saas-1 --skill tanstack-start-project-setup-jherr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the setup and configuration of new projects using the TanStack Start framework, ensuring a robust and efficient development environment from the outset.

Core Features & Use Cases

  • Project Initialization: Quickly create new TanStack Start projects with default or custom templates.
  • Configuration Management: Set up essential project configurations for routing, state management (TanStack Query), TypeScript, and build settings.
  • Deployment Readiness: Configure projects for deployment on platforms like Netlify.
  • Use Case: When starting a new full-stack web application with React, use this Skill to scaffold the project, configure the router, integrate TanStack Query, and set up basic build and deployment configurations.

Quick Start

Use the tanstack-start-project-setup skill to create a new TanStack Start project named 'my-app'.

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 new TanStack Start project with TypeScript and Vite?

TanStack Start project setup involves scaffolding the application, configuring TypeScript environments, and establishing Vite build settings to create a foundational full-stack React framework structure ready for development.

What is the best way to configure TanStack Router in a new React full-stack application?

Configuring TanStack Router in a new React application is handled during initial project scaffolding. The setup process establishes the router configuration automatically, ensuring routing logic is correctly integrated into the full-stack framework from the beginning.

Does TanStack Start support deployment configurations for Netlify?

Yes, TanStack Start supports deployment configurations for Netlify. The project setup includes specific Netlify presets to streamline the build and deployment workflows, ensuring the full-stack React application is ready for production hosting.

How do I integrate TanStack Query into a TanStack Start project?

Integrating TanStack Query into a TanStack Start project is part of the core configuration management. The setup process automatically establishes the necessary state management configurations, allowing you to fetch and cache server state seamlessly.

Can I use custom templates when initializing a TanStack Start application?

Yes, you can use custom templates when initializing a TanStack Start application. The project setup facilitates scaffolding with either default or custom configurations, allowing you to tailor the full-stack React framework to your specific requirements.