• TanStack Start RC1 - Modern full-stack React framework
• shadcn/ui - Beautiful, accessible component library
• Tailwind CSS v4 - Modern utility-first CSS framework
• TypeScript - Full type safety
• TanStack Router - Type-safe file-based routing
• Browser Echo - Advanced client-side logging and debugging
• Unplugin Icons - Automatic icon loading and optimization

• Node.js 18+
• pnpm (recommended package manager)

# Clone the starter template (replace with your repo) npx gitpick git@github.com:instructa/constructa-starter-min.git my-app cd my-app

Recommended: This starter uses gitpick for easy cloning without .git directory, making it perfect for creating new projects from this template.

# Install dependencies pnpm install # Start development server pnpm dev

# Development pnpm dev # Start development server pnpm build # Build for production pnpm start # Start production server # Code Quality pnpm biome:check # Check code formatting and linting pnpm biome:fix:unsafe # Fix code issues (unsafe)

src/ ├── app/ │ ├── routes/ # File-based routing │ │ ├── __root.tsx # Root layout │ │ ├── index.tsx # Home page │ │ └── api/ # API routes │ └── styles/ # Global styles ├── components/ │ └── ui/ # shadcn/ui components └── utils/ # Utility functions 

# Add new components npx shadcn@latest add button npx shadcn@latest add card npx shadcn@latest add input

• Uses Tailwind CSS v4 with modern CSS-first configuration
• Configured in app.config.ts
• Global styles in src/app/styles/

• Path aliases: @ resolves to the root ./ directory
• Route files: Must use .tsx extension

pnpm build

pnpm start

This project is licensed under the MIT License - see the LICENSE file for details.