React Prisma Starter

A modern, production-ready full-stack TypeScript monorepo starter template.

Quick Start

# Install dependencies
pnpm install

# Start PostgreSQL
docker-compose up -d

# Setup database
pnpm migrate

# Start development servers
pnpm vault  # Backend on http://localhost:1337
pnpm dev:client  # Frontend on http://localhost:5173

Stack

• Frontend: React + TypeScript + Vite + TailwindCSS + shadcn/ui
• Backend: Hono.js + Prisma + PostgreSQL
• Auth: JWT with email verification
• Forms: React Hook Form + Zod validation
• State: Zustand + React Query

Project Structure

├── client/     # React frontend
├── server/     # Hono.js backend API
└── docker/     # Docker configurations

Documentation

For complete architecture documentation and detailed setup instructions, see: Architecture Documentation

Features

• JWT Authentication with email verification
• Role-based access control (USER/ADMIN)
• Internationalization (i18n)
• OpenAPI documentation
• Type-safe API with Zod validation
• Docker development environment
• Monorepo with pnpm workspaces

Environment Setup

Create .env files in both client/ and server/ directories.

See the Architecture Documentation for required environment variables.

Scripts

pnpm vault    # Start backend dev server
pnpm dev:client    # Start frontend dev server
pnpm migrate       # Run database migrations
pnpm test          # Run tests
pnpm lint:client   # Lint frontend code

$env:DATABASE_URL="postgresql://postgres:example@localhost:5435/postgres"
npx prisma db push --accept-data-loss

License

MIT