SaaS 배포와 도메인 세팅

[개발 환경 (localhost)] - 에러 상세 메시지 노출 - 핫 리로딩 (코드 수정 즉시 반영) - 테스트 API 키 사용 - DB: 로컬 또는 개발용 Supabase [프로덕션 환경 (vercel.app / 커스텀 도메인)] - 에러 메시지 숨김 (사용자 친화적 에러 페이지) - 코드 최적화 (minify, tree-shaking) - 실제 API 키 사용 (Stripe 라이브 키 등) - DB: 프로덕션 Supabase 프로젝트 [환경 분리 방법] .env.local → 로컬 개발용 .env.production → 프로덕션용 (Vercel 대시보드에서 설정)

// Prisma를 사용한 DB 스키마 관리 // prisma/schema.prisma datasource db { provider = "postgresql" url = env("DATABASE_URL") } model User { id String @id @default(cuid()) email String @unique name String? image String? plan String @default("free") // free, pro, enterprise stripeCustomerId String? @unique subscriptionId String? subscriptionStatus String? // active, canceled, past_due createdAt DateTime @default(now()) invoices Invoice[] } model Invoice { id String @id @default(cuid()) userId String user User @relation(fields: [userId], references: [id]) title String amount Int status String @default("draft") // draft, sent, paid pdfUrl String? createdAt DateTime @default(now()) }

# Prisma 마이그레이션 명령어 # 개발 환경: 스키마 변경 → 마이그레이션 파일 생성 → 적용 npx prisma migrate dev --name init # 프로덕션 환경: 마이그레이션 적용만 npx prisma migrate deploy # DB 스키마 확인 npx prisma studio # → 브라우저에서 DB 데이터를 직접 확인/수정 가능 # Supabase 프로덕션 DB에 마이그레이션 적용 DATABASE_URL="postgresql://user:pass@host:5432/db" \ npx prisma migrate deploy