WebKit Lite TypeScript React Template

Technology Stack

Core Technologies

• React
• TypeScript
• Vite

Framework

• TanStack Start

State Management

• TanStack Query (Data fetching and caching)
• TanStack Store (State management)

Styling

• Tailwind CSS
• Shadcn UI Components

Database

• Drizzle ORM
• SQLite

Authentication

• Better-Auth

Testing

• Vitest
• Testing Library (React DOM)

Development Tools

• Biome 2.2.4 (Linting and formatting)
• React Compiler
• Vite DevTools

Email

• Resend

Payments

• Polar (Better-Auth add-on)

Additional Libraries

• Zod (Schema validation)
• React Router DevTools
• Web Vitals

Development Setup

# Install dependencies
pnpm install

# Run development server
pnpm dev

# Build for production
pnpm build

# Run tests
pnpm test

Key Configuration

• Package Manager: pnpm
• Module Type: ESM
• Development Port: 3000