데브허브 | DEVHUB | How to Use Prisma 7 in Next.jsHow to Use Prisma 7 in Next.js
- Prisma 7을 Next.js에 설치하고
npx prisma init으로 초기화하여 개발 환경을 설정합니다. 📦
.env 파일에 DATABASE_URL을 설정하여 로컬 PostgreSQL 또는 Supabase 데이터베이스에 연결합니다. 🔗
schema.prisma에 데이터 모델을 정의하고 npx prisma generate를 실행하여 Prisma 클라이언트를 생성합니다. ⚙️
npx prisma db push 명령어로 정의된 스키마를 데이터베이스에 동기화하고, npx prisma studio로 데이터를 시각적으로 관리합니다. 🚀
- Prisma 7에서는
@prisma/adapter-pg를 사용하여 PrismaClient를 어댑터와 함께 초기화하는 새로운 방식을 적용하며, 개발 모드에서 다중 인스턴스 문제를 방지합니다. ✨
npm install @prisma/client@7 명령어로 Prisma Client 패키지를 명시적으로 설치해야 합니다. 💾
- Next.js 비동기 컴포넌트에서
prisma.model.findMany()를 사용하여 데이터베이스 데이터를 가져와 UI에 렌더링합니다. 🖥️
- Supabase와 연동하려면 Supabase ORM 연결 문자열로
DATABASE_URL을 업데이트하고 schema.prisma에 shadowDatabaseUrl을 추가해야 합니다. ☁️