Examples

Browse community-maintained example packages. Each one can be installed directly into your TanStack Start project with a single tsx registry install command.

Don't see what you need? Open a PR to add your own package to the registry.

Basic CRUD

Full create/read/update/delete pattern with TanStack Query, a Drizzle ORM table, and server functions. Includes an optimistic UI layer.

typescriptdrizzletanstack-query

tsx registry install basic-crud

With Auth

Better-auth integration: email/password sign-up, session management, protected routes, and a pre-built login/register UI.

typescriptbetter-authtanstack-start

tsx registry install with-auth

With shadcn/ui

Bootstraps a shadcn/ui component library in your project: tailwind config, globals CSS, and 10 starter components.

typescripttailwindshadcn

tsx registry install with-shadcn

TanStack Start Stack

Full TanStack Start scaffold: router, query client, server functions, environment validation, and recommended folder layout.

typescripttanstack-startvite

tsx registry install tanstack-start

Drizzle + Postgres

Drizzle ORM setup with a Postgres connection, migration scripts, and a sample schema with created_at/updated_at helpers.

typescriptdrizzlepostgres

tsx registry install drizzle-postgres

Full SaaS Starter

Batteries-included SaaS starter: auth, billing stubs, team/org model, dashboard shell, and role-based access control.

typescriptsaasbetter-authdrizzle

tsx registry install full-saas

Building your own

Any package on the registry can serve as an example. To publish your own pattern:

Write a manifest.json describing your package
Add generator templates in the generators/ directory
Run tsx framework validate to check your manifest
Run tsx framework publish to upload to the registry

See the Publishing guide for the full walkthrough.