feat: force TanStack Start with Tailwind CSS always enabled

- Remove code-router mode and --router-only flag (TanStack Start only)
- Remove start add-on (baked into base templates)
- Remove module-federation add-on
- Force Tailwind CSS to always be enabled
- Remove --tailwind/--no-tailwind CLI flags
- Remove selectTailwind and selectTypescript prompts
- Remove forcedMode parameter (mode always file-router)
- Simplify template conditionals and hardcode typescript/tailwind values
- Update README.md.ejs with instructions for removing Tailwind
- Clean up dead code and unused functions
- Update all CLI wrappers to show deprecation warnings

Author: tannerlinsley

.changeset/tricky-candles-greet.md

@@ -0,0 +1,12 @@
+---
+'create-tanstack-app': minor
+'create-tsrouter-app': minor
+'create-start-app': minor
+'create-tanstack': minor
+'@tanstack/create-start': minor
+'@tanstack/create-ui': minor
+'@tanstack/create': minor
+'@tanstack/cli': minor
+---
+
+force tailwind, force typescript

CLAUDE.md

@@ -3,12 +3,9 @@
 ## Quick Reference
 
 ```bash
-# Create TanStack Start app (default)
+# Create TanStack Start app
 npx @tanstack/cli create my-app
 
-# Create Router-only SPA (no SSR)
-npx @tanstack/cli create my-app --router-only
-
 # With add-ons
 npx @tanstack/cli create my-app --add-ons clerk,drizzle,tanstack-query
 
@@ -50,7 +47,6 @@ node ../cli/packages/cli/dist/index.js create my-app
 | Add-on | Plugin that extends apps (auth, DB, etc) | `--add-ons` |
 | Starter | Reusable preset of add-ons (config only) | `--starter` |
 | Framework | React or Solid | `--framework` |
-| Mode | `file-router` (default) or `code-router` | `--router-only` for code-router SPA |
 
 ## CLI Commands
 
@@ -68,12 +64,10 @@ node ../cli/packages/cli/dist/index.js create my-app
 | Flag | Description |
 |------|-------------|
 | `--add-ons <ids>` | Comma-separated add-on IDs |
-| `--router-only` | SPA without TanStack Start (no SSR) |
 | `--framework <name>` | React or Solid |
 | `--toolchain <id>` | Toolchain (use `--list-add-ons` to see options) |
 | `--deployment <id>` | Deployment target (use `--list-add-ons` to see options) |
 | `--starter <url>` | Use starter preset |
-| `--no-tailwind` | Skip Tailwind |
 | `--no-git` | Skip git init |
 | `--no-install` | Skip npm install |
 | `-y` | Accept defaults |
@@ -85,15 +79,14 @@ node ../cli/packages/cli/dist/index.js create my-app
 | Variable | Type | Description |
 |----------|------|-------------|
 | `projectName` | string | Project name |
-| `typescript` | boolean | TypeScript enabled |
-| `tailwind` | boolean | Tailwind enabled |
-| `fileRouter` | boolean | File-based routing |
-| `codeRouter` | boolean | Code-based routing |
+| `typescript` | boolean | Always true (TanStack Start requires TS) |
+| `tailwind` | boolean | Always true (Tailwind always enabled) |
+| `fileRouter` | boolean | Always true |
 | `addOnEnabled` | object | `{ [id]: boolean }` |
 | `addOnOption` | object | `{ [id]: options }` |
 | `packageManager` | string | npm/pnpm/yarn/bun/deno |
-| `js` | string | `ts` or `js` |
-| `jsx` | string | `tsx` or `jsx` |
+| `js` | string | Always `ts` |
+| `jsx` | string | Always `tsx` |
 
 ## Testing Add-ons Locally
 

cli-aliases/create-start-app/src/index.ts

@@ -11,11 +11,8 @@ import {
 cli({
   name: 'create-start-app',
   appName: 'TanStack Start',
-  forcedMode: 'file-router',
-  forcedAddOns: ['start'],
   showDeploymentOptions: true,
   forcedDeployment: 'nitro',
-  craCompatible: true,
   legacyAutoCreate: true,
   frameworkDefinitionInitializers: [
     createReactFrameworkDefinition,

cli-aliases/create-tanstack-app/src/index.ts

@@ -8,7 +8,5 @@ cli({
   name: 'create-tanstack-app',
   appName: 'TanStack',
   forcedDeployment: 'nitro',
-  defaultTemplate: 'file-router',
-  craCompatible: true,
   legacyAutoCreate: true,
 })

cli-aliases/create-tanstack/src/index.ts

@@ -8,7 +8,5 @@ cli({
   name: 'create-tanstack',
   appName: 'TanStack',
   forcedDeployment: 'nitro',
-  defaultTemplate: 'file-router',
-  craCompatible: true,
   legacyAutoCreate: true,
 })

cli-aliases/create-tsrouter-app/src/index.ts

@@ -1,12 +1,11 @@
 #!/usr/bin/env node
-console.warn('\x1b[33m%s\x1b[0m', 'Warning: create-tsrouter-app is deprecated. Use "tanstack create --router-only" or "npx @tanstack/cli create --router-only" instead.')
-console.warn('\x1b[33m%s\x1b[0m', '         See: https://tanstack.com/router/latest/docs/framework/react/quick-start\n')
+console.warn('\x1b[33m%s\x1b[0m', 'Warning: create-tsrouter-app is deprecated. Use "tanstack create" or "npx @tanstack/cli create" instead.')
+console.warn('\x1b[33m%s\x1b[0m', '         This will now create a TanStack Start app (with SSR). See: https://tanstack.com/start/latest/docs/framework/react/quick-start\n')
 
 import { cli } from '@tanstack/cli'
 
 cli({
   name: 'create-tsrouter-app',
-  appName: 'TanStack',
-  craCompatible: true,
+  appName: 'TanStack Start',
   legacyAutoCreate: true,
 })

cli-aliases/ts-create-start/src/index.ts

@@ -8,9 +8,6 @@ cli({
   name: '@tanstack/create-start',
   forcedDeployment: 'nitro',
   appName: 'TanStack Start',
-  forcedMode: 'file-router',
-  forcedAddOns: ['start'],
-  craCompatible: true,
   showDeploymentOptions: true,
   legacyAutoCreate: true,
 })

docs/mcp/overview.md

@@ -48,6 +48,7 @@ tanstack mcp --sse
 | Tool | Description |
 |------|-------------|
 | `listTanStackAddOns` | Get available add-ons for project creation |
+| `getAddOnDetails` | Get detailed info about a specific add-on |
 | `createTanStackApplication` | Create a new TanStack Start project |
 
 ### Documentation & Ecosystem

docs/mcp/tools.md

@@ -22,10 +22,54 @@ interface AddOn {
   id: string           // e.g., "tanstack-query"
   name: string         // e.g., "TanStack Query"
   description: string
+  type: string         // "add-on", "toolchain", "deployment"
   category: string     // "tanstack", "auth", "database", etc.
+  link?: string        // Documentation URL
+  warning?: string     // Warning message for the add-on
+  exclusive?: string[] // Mutually exclusive add-ons
+  options?: object     // Configurable options
   dependsOn: string[]  // Required add-ons
-  conflicts: string[]  // Incompatible add-ons
-  hasOptions: boolean  // Has configurable options
+}
+```
+
+---
+
+### getAddOnDetails
+
+Returns detailed information about a specific add-on including implementation patterns, routes, dependencies, and documentation.
+
+**Parameters:**
+
+| Param | Type | Required | Description |
+|-------|------|----------|-------------|
+| `framework` | string | Yes | `React` or `Solid` |
+| `addOnId` | string | Yes | The add-on ID (e.g., `clerk`, `drizzle`) |
+
+**Response:**
+
+```typescript
+interface AddOnDetails {
+  id: string
+  name: string
+  description: string
+  type: string
+  category: string
+  phase: string
+  modes: string[]
+  link?: string
+  warning?: string
+  exclusive?: string[]
+  dependsOn: string[]
+  options?: object
+  routes?: object[]           // Route definitions
+  packageAdditions?: object   // package.json additions
+  shadcnComponents?: string[] // Required shadcn components
+  integrations?: object[]     // Integration configs
+  readme?: string             // Add-on documentation
+  files: string[]             // List of files in the add-on
+  author?: string
+  version?: string
+  license?: string
 }
 ```
 

examples/custom-cli/create-qwik-app/project/base/src/global.css.ejs

@@ -1,40 +1 @@
-<% if (tailwind) { %>@import "tailwindcss";
-<% } else { %>.App {
-  text-align: center;
-}
-
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-<% } %>
+@import "tailwindcss";