TaylorDB React Starter

React + Vite starter with Tailwind CSS (v4), React Router v6, and shadcn/ui wired up for building custom UIs on TaylorDB.

What's included

React Router layout with sample pages (/, /about, fallback *)
Tailwind v4 configured for shadcn (design tokens, dark mode, animations)
shadcn/ui baseline components: button, card, input, label, textarea, select, tabs, alert
Path aliases via @ (@/components, @/lib, etc.)

Getting started

pnpm install
pnpm dev

Using the shadcn CLI

The project is already initialized with components.json. Add more components with:

pnpm dlx shadcn@latest add <component>

Examples:

pnpm dlx shadcn@latest add dialog dropdown-menu table

Generated files go into src/components/ui/ and use the shared Tailwind tokens in src/index.css.

Available components

Layout/structure: card, tabs
Form controls: input, label, textarea, select
Feedback: alert
Buttons: button

TaylorDB integration

Use the generated TaylorDB client and types (expected in src/lib/taylordb.client.ts and src/lib/taylordb.types.ts) to query data directly. Do not use mock data.

Scripts

pnpm dev — run Vite dev server (HMR)
pnpm build — type-check + build
pnpm lint — ESLint (strict, no any)

Notes

Tailwind 4 uses @tailwindcss/vite; CSS entry is @import "tailwindcss"; in src/index.css.
Tailwind config is in tailwind.config.js; CSS tokens live in src/index.css.
Components use @/lib/utils for the cn helper (clsx + tailwind-merge).

1.6 KiB Raw Blame History