Thanks to visit codestin.com
Credit goes to tanstack.com

Usage

Starters

Starters are reusable presets of add-ons. They capture configuration, not code.

Use a Starter

sh
tanstack create my-app --starter https://example.com/starter.json
tanstack create my-app --starter ./local-starter.json

Create a Starter

sh
# 1. Create project with desired add-ons
tanstack create my-preset --add-ons clerk,drizzle,sentry

# 2. Initialize starter
cd my-preset
tanstack starter init

# 3. Edit starter-info.json, then compile
tanstack starter compile

# 4. Use or distribute starter.json
tanstack create new-app --starter ./starter.json

Starter Schema

starter-info.json:

json
{
  "id": "my-saas",
  "name": "SaaS Starter",
  "description": "Auth, database, monitoring",
  "framework": "react",
  "mode": "file-router",
  "typescript": true,
  "tailwind": true,
  "addOns": ["clerk", "drizzle", "sentry"],
  "addOnOptions": {
    "drizzle": { "database": "postgres" }
  }
}
FieldRequiredDescription
idYesUnique identifier
nameYesDisplay name
descriptionYesBrief description
frameworkYesreact or solid
modeYesfile-router or code-router
typescriptYesEnable TypeScript
tailwindYesInclude Tailwind
addOnsYesAdd-on IDs
addOnOptionsNoPer-add-on config
bannerNoImage URL for UI

Starter vs Add-on

StarterAdd-on
Contains codeNoYes
Adds filesNoYes
Configuration presetYesNo