102 lines
4.0 KiB
Markdown
102 lines
4.0 KiB
Markdown
# CLAUDE.md
|
|
|
|
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
|
|
|
|
## Project Overview
|
|
|
|
Meme Studio is a homophone pun game operation platform built with Next.js 14 (App Router). It provides level configuration management for a wordplay game.
|
|
|
|
## Commands
|
|
|
|
```bash
|
|
pnpm run dev # Start development server (port 3001)
|
|
pnpm run build # Production build
|
|
pnpm run deploy # Build and deploy to production server (./deploy.sh)
|
|
pnpm run lint # Run ESLint
|
|
|
|
# Database (Prisma + MySQL)
|
|
pnpm run db:generate # Generate Prisma client
|
|
pnpm run db:push # Push schema changes (dev)
|
|
pnpm run db:migrate # Create migration
|
|
pnpm run db:studio # Open Prisma Studio
|
|
pnpm run db:seed # Create/update admin user
|
|
```
|
|
|
|
## Architecture
|
|
|
|
### Tech Stack
|
|
- **Framework**: Next.js 14 App Router
|
|
- **Auth**: Better Auth with Prisma adapter (email/password)
|
|
- **Database**: MySQL via Prisma ORM
|
|
- **UI**: shadcn/ui + Tailwind CSS
|
|
- **State**: TanStack Query for server state
|
|
- **Drag & Drop**: @dnd-kit/sortable
|
|
|
|
### Key Patterns
|
|
|
|
**Route Groups**:
|
|
- `app/(auth)/` - Login page (no sidebar)
|
|
- `app/(dashboard)/` - Protected pages with sidebar layout
|
|
|
|
**Auth Flow**:
|
|
- `lib/auth.ts` - Server-side Better Auth config
|
|
- `lib/auth-client.ts` - Client-side auth hooks (`useSession`, `signIn`, `signOut`)
|
|
- `middleware.ts` - Cookie-based session check (cannot use Prisma in Edge Runtime)
|
|
|
|
**API Routes**:
|
|
- `/api/auth/[...all]` - Better Auth endpoints
|
|
- `/api/levels` - CRUD for game levels
|
|
- `/api/levels/reorder` - Batch update sort order
|
|
- `/api/cos/temp-key` - Tencent COS temporary credentials
|
|
|
|
**Database Models**:
|
|
- `Level` - Game levels with image, answer, hints, sortOrder
|
|
- `User`, `Session`, `Account`, `Verification` - Better Auth models
|
|
|
|
### basePath & Reverse Proxy
|
|
|
|
The app is deployed behind a reverse proxy at `/studio` path:
|
|
- `next.config.js` sets `basePath: '/studio'`
|
|
- All pages and API routes are served under `/studio/...`
|
|
|
|
**Critical gotchas**:
|
|
- **Next.js strips basePath from `request.url` in route handlers** — Better Auth's `basePath` must be `/api/auth` (without `/studio`), not `/studio/api/auth`
|
|
- **`BETTER_AUTH_URL` must NOT contain a path** (just the origin like `http://localhost:3001`) — Better Auth's `withPath()` silently ignores the `basePath` config if the URL already has a path component
|
|
- **HTTPS production adds `__Secure-` cookie prefix** — middleware must check both `better-auth.session_token` and `__Secure-better-auth.session_token`
|
|
- **`router.push()` auto-prepends basePath** — never manually add `/studio` to paths used in client-side navigation or callbackUrl params
|
|
- **`request.nextUrl.pathname` in middleware excludes basePath** — e.g., `/levels` not `/studio/levels`
|
|
- Prisma requires `binaryTargets = ["native", "rhel-openssl-3.0.x"]` for cross-platform deployment (macOS dev → Linux server)
|
|
|
|
### Deployment
|
|
|
|
- **Server**: `root@119.91.211.52` at `/root/apps/meme-studio`
|
|
- **Process Manager**: PM2 (`ecosystem.config.js`)
|
|
- **Script**: `./deploy.sh` — builds locally, rsyncs files (excluding node_modules), installs deps on server, restarts PM2
|
|
- **Standalone output**: `next.config.js` sets `output: 'standalone'`
|
|
- Server uses `npm install --production` + `npx prisma generate` (prisma is a devDependency)
|
|
|
|
### Environment Variables
|
|
|
|
Required in `.env`:
|
|
```
|
|
DATABASE_URL=mysql://...
|
|
BETTER_AUTH_SECRET= # 32+ chars, generate with: openssl rand -base64 32
|
|
BETTER_AUTH_URL= # Origin only, NO path (e.g., http://localhost:3001)
|
|
NEXT_PUBLIC_APP_URL= # Same as BETTER_AUTH_URL
|
|
NEXT_PUBLIC_BASE_PATH= # /studio
|
|
ADMIN_EMAIL=
|
|
ADMIN_PASSWORD=
|
|
COS_SECRET_ID= # Tencent Cloud COS
|
|
COS_SECRET_KEY=
|
|
COS_BUCKET=
|
|
COS_REGION=
|
|
COS_APPID=
|
|
```
|
|
|
|
## Important Notes
|
|
|
|
- Middleware uses cookie check only (Prisma doesn't work in Edge Runtime)
|
|
- Password hashing must use `hashPassword` from `better-auth/crypto` for compatibility
|
|
- Session model requires `token` field with unique constraint
|
|
- **Git commit messages must be written in Chinese**
|