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 Rendering
Server-side rendering at CDN edge locations worldwide
Code Splitting
Automatic route-based code splitting for optimal loading
Asset Optimization
Image optimization, lazy loading, and efficient bundling
Zero-Config CDN
Built-in CDN support with Cloudflare Workers
🚀
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 Support
WebSocket integration for live features
🎨
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 setup with coverage reporting
E2E Testing
Playwright integration for browser testing
Type Checking
Strict TypeScript configuration
Linting & Formatting
ESLint and Prettier 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
Monitoring
Built-in error tracking and analytics
Built with Best-in-Class Technologies
React 19
UI Framework
TypeScript 5.9
Language
Astro
Static Site Gen
Bun
Runtime
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
Define your API with full type safety from backend to frontend
// api/router.ts
export const appRouter = router({
user: {
get: publicProcedure
.input(z.object({ id: z.string() }))
.query(async ({ input }) => {
return await db.user.findUnique({
where: { id: input.id }
});
}),
},
});
// app/page.tsx
function UserProfile({ userId }: Props) {
const { data } = trpc.user.get.useQuery({ id: userId });
return <div>{data?.name}</div>;
}
Experience the Difference
See why developers choose React Starter Kit for their most important projects.