Powerful Features for Modern Development

Everything you need to build, test, and deploy production-ready web applications with confidence and speed.

🛠️

Developer Experience

TypeScript First

Full TypeScript support with strict type checking and IntelliSense

Hot Module Replacement

Instant feedback with fast refresh and state preservation

Monorepo Structure

Organized workspace management with Bun workspaces

Code Generation

Automated route generation and type inference

⚡

Performance

Edge Delivery

Marketing pages, app assets, and API run on Cloudflare Workers

Code Splitting

Automatic route-based code splitting for optimal loading

Immutable Assets

Content-hashed bundles served with long-lived cache headers

Connection Pooling

Hyperdrive keeps Postgres reachable from every region

🚀

Full-Stack Capabilities

Type-Safe APIs

End-to-end type safety with tRPC

Authentication

Built-in auth with Better Auth and session management

Database Integration

PostgreSQL with Drizzle ORM and migrations

Real-time Ready

Typed WebSocket protocol package waiting to be wired up

🎨

UI & Design

Component Library

Pre-built components with ShadCN UI

Tailwind CSS v4

Latest Tailwind with automatic class sorting

Dark Mode

Built-in theme support with system preference detection

Responsive Design

Mobile-first approach with adaptive layouts

✅

Testing & Quality

Unit Testing

Vitest across the API and frontend workspaces

Component Testing

React Testing Library on Happy DOM

Type Checking

Strict TypeScript configuration

Linting & Formatting

Oxlint and Oxfmt pre-configured

☁️

Deployment & DevOps

CI/CD Pipeline

GitHub Actions workflow included

Infrastructure as Code

Terraform configuration for Cloudflare

Environment Management

Multi-environment support with .env files

Operations Guide

Logging, alerting, rollback, and cost guidance

Built with Best-in-Class Technologies

React 19

UI Framework

TypeScript 7

Language

Astro

Static Site Gen

Bun

Toolchain

Vite

Build Tool

TanStack Router

Routing

tRPC

API Layer

Hono

Web Framework

ShadCN UI

Components

Tailwind CSS

Styling

Drizzle ORM

Database

PostgreSQL

Database

Better Auth

Authentication

Cloudflare

Platform

Vitest

Testing

Terraform

Infrastructure

Clean, Modern Code

Example: Type-Safe API Route

Adapted from the starter – the procedure's return type reaches the component with nothing declared in between

            // apps/api/routers/config.ts – the server owns which providers exist
export const configRouter = router({
  socialProviders: publicProcedure.query(({ ctx }) =>
    configuredSocialProviders(ctx.env),
  ),
});

// apps/app/lib/queries/config.ts – one cache key per concern
export function socialProvidersQueryOptions() {
  return queryOptions({
    queryKey: ["config", "socialProviders"],
    queryFn: () => trpcClient.config.socialProviders.query(),
    staleTime: Infinity,
  });
}

export function useSocialProviders(): string[] {
  const { data } = useQuery(socialProvidersQueryOptions());
  return data ?? []; // typed from the procedure – no shared interface to keep in sync
}

Experience the Difference

See why developers choose React Starter Kit for their most important projects.

Try It Now View Documentation