base-ui/examples/tanstack-start-tailwind-css

Base UI + TanStack Start

This is a simple TanStack Start app with Base UI components styled using Tailwind CSS.

Getting started

Note: TanStack Start Server Functions used in the combobox example may not work in StackBlitz due to lack of AsyncLocalStorage support.

Or to run it locally:

pnpm install
pnpm start

This starts a Vite development server at http://localhost:3000. Node.js version 20.19+ or 22.12+ is required.

Building for production

To build a production bundle:

pnpm build

To preview the production build:

pnpm serve

TypeScript

To check the types:

pnpm typescript

Linting & Formatting

This project uses ESLint and prettier for linting and formatting. ESLint is configured using @tanstack/eslint-config. The following scripts are available:

# lint only
pnpm lint
# lint and prettier with autofix
pnpm check

Routing

This app uses TanStack Router with a file based router. Routes are managed as files in src/routes. The router also provides loader functionality to load data for a route before it's rendered.