tanstack-start

Generate a TanStack Start SSR app on Cloudflare Workers with D1+Drizzle CRUD.

Updated May 23, 2026
One-click install
npx skills add https://github.com/devturco/thiago-dev-template --skill tanstack-start-devturco
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tanstack-start
Source: https://github.com/devturco/thiago-dev-template/tree/main/.claude/skills/tanstack-start
Command: npx skills add https://github.com/devturco/thiago-dev-template --skill tanstack-start-devturco

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Users who need a production-ready full-stack app quickly waste time wiring SSR, routing, auth, and database layers manually.

Core Features & Use Cases

  • End-to-end TanStack Start SSR scaffolding (from scratch): Generates a complete Cloudflare Workers SSR project with file-based routing and React 19.
  • Server functions + data layer: Sets up server-side CRUD patterns using TanStack server functions plus D1 + Drizzle with per-request DB initialization.
  • Better-auth integration: Adds authentication flows via a required API catch-all route and supports Google OAuth and email/password.
  • UI baseline: Includes Tailwind v4 and shadcn/ui components plus a theme system (light/dark/system) to avoid SSR hydration flashes.

Quick Start

Tell the AI: "Use the tanstack-start skill to generate a full-stack TanStack Start + Cloudflare Workers SSR app with D1+Drizzle CRUD and better-auth, including an authenticated dashboard and items CRUD pages."

Frequently Asked Questions about tanstack-start

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

FAQPage Schema
How do I scaffold a TanStack Start app on Cloudflare Workers with SSR?

A TanStack Start SSR scaffold requires wiring TanStack router and server entries for Cloudflare Workers, configuring React 19 for server-side rendering, and establishing file-based routing. This generates a complete project structure with per-request handlers for the Workers runtime.

Can I use better-auth with TanStack Start for authentication?

Better-auth integrates with TanStack Start through a required API catch-all route using createAPIFileRoute. This configuration supports Google OAuth and email/password flows, enabling auth-protected routes within the SSR application.

How do I set up D1 and Drizzle ORM for CRUD in a TanStack Start project?

D1 and Drizzle integration requires ensuring Drizzle uses the D1 binding through the cloudflare:workers env inside per-request handlers. This initializes the database per request, enabling server-side CRUD operations via TanStack server functions.

Does this TanStack Start scaffold support React 19 and Tailwind v4?

The scaffold generates a React 19 UI baseline that includes Tailwind v4 and shadcn/ui components. It also implements a theme system supporting light, dark, and system modes to prevent SSR hydration flashes.

What is the best way to generate a full-stack TanStack Start dashboard with server functions?

The best way is to scaffold a full-stack SSR project that includes TanStack server functions for data operations, better-auth for protected routes, and a D1+Drizzle data layer. This provides a production-ready dashboard with end-to-end CRUD pages.

Why does Drizzle need per-request database initialization on Cloudflare Workers?

Drizzle requires per-request database initialization because the D1 binding must be accessed through the cloudflare:workers env inside per-request handlers. This ensures server functions interact with the correct request-scoped database instance.