tanstack-start
TanStack Start scaffolds production-ready full-stack applications on Cloudflare Workers from scratch, with server-side rendering, file-based routing, and integrated authentication. Every file is generated fresh—no templates or clones—using React 19, Tailwind v4, shadcn/ui, D1 databases, Drizzle ORM, and better-auth for OAuth and email/password flows.
TanStack Start generates a complete full-stack React app on Cloudflare Workers with SSR, file-based routing, and authentication.
AI-generated summary based on this skill's SKILL.md
Install
jezweb/claude-skills/tanstack-start · repository language: Python
git clone https://github.com/jezweb/claude-skills
cp -r claude-skills/plugins/cloudflare/skills/tanstack-start ~/.claude/skills/tanstack-startFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I build a full stack app with TanStack Start on Cloudflare Workers?
TanStack Start scaffolds production-ready full-stack applications on Cloudflare Workers from scratch. It generates every file fresh using React 19, Tailwind v4, shadcn/ui, D1 databases, Drizzle ORM, and better-auth. The framework handles server-side rendering, file-based routing, and integrated authentication so you can deploy immediately without templates or clones.
What does TanStack Start SSR file based routing provide?
TanStack Start provides server-side rendering with automatic file-based routing, eliminating manual route configuration. Your file structure becomes your routing structure. Combined with server functions, this enables seamless data fetching and server-side logic execution while maintaining React 19 component patterns throughout your application.
Can TanStack Start handle authentication with Google OAuth?
Yes. TanStack Start integrates better-auth for complete authentication management, supporting both Google OAuth and email/password flows. The generated scaffold includes pre-configured authentication patterns, so you can add login, signup, and provider integration without building auth infrastructure from scratch.
How do I deploy a React 19 app with D1 database and Drizzle ORM?
TanStack Start generates a complete stack including React 19 frontend, D1 database setup, and Drizzle ORM configuration. Wrangler handles deployment to Cloudflare Workers. The scaffold includes database migrations and ORM models, so your production-ready app connects to D1 immediately upon deployment.
Does TanStack Start generate CRUD operations for dashboards?
TanStack Start can generate a production-ready dashboard scaffold with CRUD operations pre-built. The generated code includes server functions for create, read, update, and delete operations, integrated with D1 and Drizzle, so your dashboard is functional and deployable right away.
What's included in a fresh TanStack Start project?
TanStack Start generates React 19, Tailwind v4, shadcn/ui components, file-based routing, server functions, D1 database, Drizzle ORM, and better-auth integration. Every file is created fresh—no cloning or templates. The result is a complete, deployable full-stack application ready for Cloudflare Workers.
SKILL.md
rendered from the published skill — quoted content, verbatim
TanStack Start on Cloudflare
Build a complete full-stack app from nothing. Claude generates every file — no template clone, no scaffold command.
Stack: TanStack Start v1 (SSR, file-based routing, server functions via Nitro) on Cloudflare Workers; React 19 + Tailwind v4 + shadcn/ui; D1 + Drizzle; better-auth (Google OAuth + email/password).
Project File Tree
``` PROJECT_NAME/ ├── src/ │ ├── routes/ │ │ ├── __root.tsx # Root layout (HTML shell, theme, CSS import) │ │ ├── index.tsx # Landing / auth redirect │ │ ├── login.tsx # Login page │ │ ├──
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 1 file
plugins/cloudflare/skills/tanstack-start/SKILL.md