Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/amanvarshney01/create-better-t-stack/llms.txt

Use this file to discover all available pages before exploring further.

​
Overview

The Better-T-Stack visual builder provides an interactive web interface to configure your stack and generate the exact CLI command you need. It’s the easiest way to explore options and ensure compatibility.

​
Accessing the stack builder

​
Via web browser

Visit better-t-stack.dev/new directly in your browser.

​
Via CLI

Open the builder from your terminal: 
npm create better-t-stack@latest builder
This command opens https://better-t-stack.dev/new in your default browser.

​
How it works

The stack builder guides you through configuration in a visual interface:
1

Project name

Enter your project name. This becomes your project directory name.
2

Frontend selection

Choose one or more frontend frameworks:
  • Web frameworks: TanStack Router, React Router, TanStack Start, Next.js, Nuxt, Svelte, Solid, Astro
  • Native frameworks: Bare, Uniwind (NativeWind), Unistyles
  • None (backend-only project)
You can select multiple frontends to create a monorepo with web + mobile.
3

Backend selection

Choose your backend framework:
  • Hono
  • Express
  • Fastify
  • Elysia
  • Convex
  • Self (fullstack mode - Next.js/Nuxt/SvelteKit API routes)
  • None (frontend-only project)
4

Runtime selection

Choose your JavaScript runtime:
  • Bun (recommended for performance)
  • Node.js
  • Cloudflare Workers (edge runtime)
  • None (Convex backend or no backend)
Runtime selection is filtered based on your backend choice. Cloudflare Workers requires specific backends.
5

Database & ORM

Choose your database and ORM:
  • Databases: SQLite, PostgreSQL, MySQL, MongoDB, None
  • ORMs: Drizzle, Prisma, Mongoose, None
The builder shows only compatible ORM options for your selected database.
6

API layer

Choose your type-safe API layer:
  • tRPC (type-safe RPC)
  • oRPC (OpenAPI + RPC)
  • None
7

Authentication

Choose your auth provider:
  • Better-Auth (self-hosted, open source)
  • Clerk (managed service)
  • None
8

Payments

Choose your payment provider:
  • Polar (subscription billing)
  • None
9

Addons

Select optional addons:
  • Monorepo: Turborepo
  • Tooling: Biome, Oxlint, Ultracite, Husky, Lefthook
  • Documentation: Starlight, Fumadocs
  • Extensions: PWA, Tauri, OpenTUI, WXT
  • AI: Ruler, Skills, MCP
10

Examples

Include example apps:
  • Todo (CRUD example)
  • AI (AI chat example)
  • None
11

Database setup

Choose your database setup provider:
  • Turso (SQLite)
  • Neon (PostgreSQL)
  • Supabase (PostgreSQL)
  • Prisma PostgreSQL
  • PlanetScale (MySQL)
  • MongoDB Atlas
  • Cloudflare D1 (SQLite)
  • Docker
  • None (manual setup)
12

Deployment

Choose deployment targets:
  • Web deploy: Cloudflare, None
  • Server deploy: Cloudflare, None
13

Generate command

Click Generate Command to see your complete CLI command with all selected options.

​
Features

​
Real-time validation

The builder validates your selections in real-time:
  • Incompatible options are disabled or hidden
  • Compatibility warnings appear when needed
  • Required selections are highlighted

​
Copy command

Once your stack is configured:
  1. Click Generate Command
  2. Review the generated command
  3. Click Copy to copy to clipboard
  4. Paste and run in your terminal

​
Shareable URLs

The builder updates the URL with your selections. You can:
  • Bookmark your favorite configurations
  • Share URLs with your team
  • Return to the same configuration later
Example URL: 
https://better-t-stack.dev/new?frontend=tanstack-router&backend=hono&database=postgres&orm=drizzle&auth=better-auth

​
Compare options

Hover over any option to see:
  • What’s included
  • Compatibility notes
  • Links to documentation

​
Example workflows

​
Quick full-stack app

1

Choose defaults

The builder suggests sensible defaults:
  • Frontend: TanStack Router
  • Backend: Hono
  • Runtime: Bun
  • Database: SQLite
  • ORM: Drizzle
2

Add auth

Enable Better-Auth for authentication.
3

Generate

Click Generate Command and copy:
npm create better-t-stack@latest my-app \
  --frontend tanstack-router \
  --backend hono \
  --runtime bun \
  --database sqlite \
  --orm drizzle \
  --auth better-auth

​
Serverless edge app

1

Choose Cloudflare Workers

Select:
  • Backend: Hono
  • Runtime: Cloudflare Workers
  • Database: None (or D1 if needed)
2

Add deployment

Enable:
  • Server deploy: Cloudflare
3

Generate

Copy the generated command for a serverless edge API.

​
Mobile + web monorepo

1

Select multiple frontends

Choose:
  • Web: TanStack Router
  • Native: Uniwind
2

Add Turborepo

Enable Turborepo addon for monorepo support.
3

Choose shared backend

Select:
  • Backend: Hono
  • Database: PostgreSQL
  • ORM: Drizzle
4

Generate

Get a command that creates a monorepo with web, mobile, and shared backend.

​
Tips

Even if you prefer the CLI, use the builder to discover which combinations work together. It enforces the same validation rules as the CLI.
Start with core features in the builder, then use create-better-t-stack add to add more addons after project creation.
Bookmark or save URLs for project templates you use frequently:
  • Your default full-stack setup
  • Your preferred API-only configuration
  • Your mobile app template
The builder shows high-level options. Check the full documentation for detailed configuration of each option:

​
Next steps

CLI reference

Learn all CLI commands and flags

Compatibility guide

Understand valid stack combinations

Quickstart

Get started with your first project

Examples

Explore built-in example apps

Build docs developers (and LLMs) love

Get started for freeTalk to us