TanStack Start Demo with shadcn/ui

This is a demo project showcasing the use of TanStack Start with shadcn/ui components. It demonstrates a modern React application structure, routing, and a rich set of accessible UI primitives.

Deployment

Features

• ⚡️ Built with TanStack Start for file-based routing and SSR.
• 🎨 UI powered by shadcn/ui components.
• 🧩 Modular component structure for easy customization.
• 🛠️ TypeScript, PostCSS, and modern tooling.
• 📦 Package management with pnpm.

Getting Started

Prerequisites

• Node.js (v22+ recommended)
• pnpm (install with npm i -g pnpm)

Installation

pnpm install

Development

pnpm run dev

Open http://localhost:3000 to view the app.

Build

pnpm run build

Project Structure

app/
  components/
    ui/           # shadcn/ui components
  hooks/          # Custom React hooks
  lib/            # Utility functions
  routes/         # Route files (file-based routing)
  styles/         # Global and component styles

Customization

• Add or modify UI components in app/components/ui/.
• Define new routes in app/routes/.
• Update global styles in app/styles/app.css.

Resources

• TanStack Start Documentation
• shadcn/ui Documentation

License

MIT

---

Made with ❤️ using TanStack Start and shadcn/ui.