Getting Started

Start a new project

Use TanStack Builder

The best way to get started with TanStack Start is TanStack Builder. It's the AI-first setup flow and the easiest way to get to a working project fast.

Use the CLI

If you'd rather scaffold locally or want a backup path, use the TanStack CLI:

npx @tanstack/cli@latest create --framework solid

npx @tanstack/cli@latest create --framework solid

You'll be prompted to choose your package manager and optional add-ons like Tailwind CSS and ESLint.

Start from an example

If you'd rather begin from a working codebase, clone one of the official examples.

To start with the Basic example:

npx gitpick TanStack/router/tree/main/examples/solid/start-basic start-basic
cd start-basic
npm install
npm run dev

npx gitpick TanStack/router/tree/main/examples/solid/start-basic start-basic
cd start-basic
npm install
npm run dev

To use a different example, replace start-basic with one of the slugs below.

Examples

• Bare (start-bare)
• Basic (start-basic)
• Basic Static (start-basic-static)
• Counter (start-counter)

Each example page also includes a StackBlitz preview so you can inspect it before cloning.

To clone a different example manually, replace EXAMPLE_SLUG below with the slug you want to use:

npx gitpick TanStack/router/tree/main/examples/solid/EXAMPLE_SLUG my-new-project
cd my-new-project
npm install
npm run dev

npx gitpick TanStack/router/tree/main/examples/solid/EXAMPLE_SLUG my-new-project
cd my-new-project
npm install
npm run dev

If you want to clone and deploy quickly, use the Deploy to Netlify button on an example's page.

Build from scratch

If you want to wire everything up by hand, follow Build a project from scratch.

Next Steps

Once you've created, cloned, or deployed a project, continue to the Routing guide.