□ .env.local에 모든 환경 변수 정의
□ prisma/dev.db가 .gitignore에 포함
□ public/uploads/가 .gitignore에 포함
□ npm run build 로컬 빌드 성공 확인
□ TypeScript 오류 없음 (tsc --noEmit)

npm i -g vercel
vercel login

# 프로젝트 연결 및 배포
vercel

# 환경 변수 설정
vercel env add NEXTAUTH_SECRET
vercel env add NEXTAUTH_URL
vercel env add NEXT_PUBLIC_SITE_URL

# 프로덕션 배포
vercel --prod

// Turso로 전환 시
datasource db {
  provider = "sqlite"
  url      = env("TURSO_DATABASE_URL")
}

import NextImage from 'next/image'

// 외부 도메인 허용 설정 (next.config.ts)
// images: { remotePatterns: [{ hostname: 'example.com' }] }

// 사용
<NextImage
  src={post.coverImage}
  alt={post.title}
  fill                              // 부모 컨테이너에 맞춤
  sizes="(max-width: 768px) 100vw, 700px"  // 반응형 힌트
  priority={isAboveFold}            // LCP 이미지는 priority
  className="object-cover"
/>

// 포스트 조회 — 재사용 가능한 캐시
import { cache } from 'react'

const getPost = cache(async (slug: string) =>
  prisma.post.findUnique({ where: { slug } })
)
// 같은 요청 내에서 여러 번 호출해도 DB 쿼리 1회

// 설정 조회 — Next.js fetch 캐시
export async function getSettings() {
  const res = await fetch(`${siteUrl}/api/settings`, {
    next: { revalidate: 3600 }, // 1시간 캐시
  })
  return res.json()
}

npm install -D @next/bundle-analyzer

# next.config.ts
import bundleAnalyzer from '@next/bundle-analyzer'
const withBundleAnalyzer = bundleAnalyzer({ enabled: process.env.ANALYZE === 'true' })
export default withBundleAnalyzer(nextConfig)

# 분석 실행
ANALYZE=true npm run build