Next.js - Prisma 연결하기

나의 개발 환경은 Next.js, Typescript를 사용중이다.

데이터베이스를 이용하기 위해 Prisma를 사용하기로 했고 필자는 우선 sqlite를 이용할 예정이다.

 

 

1.  프로젝트에 Primsa 설치하기

yarn add prisma 또는 npm i prisma

 

 

2. prisma init

npx prisma init

초기화시 /prisma/schema.prisma가 자동으로 생성 되고, 우리가 사용할 데이터 베이스에 접근하기 위해

.env 파일에 DATABASE_URL 값을 저장해주어야한다.

⭐️ 이때 .env파일은 꼭 gitignore에 추가해주기!

 

 

3. 사용할 데이터베이스 종류와 URL 설정  

나는 sqlite를 이용하여 로컬파일로 관리하기를 원해 다음과 같이 수정해주었다.

## .env
DATABASE_URL="file:./database.db"

## /prisma/schema.prisma
generator client {
  provider = "prisma-client-js"
}

datasource db {
  provider = "sqlite" # 어떤 데이터 베이스를 이용할 것인지 선택
  url      = env("DATABASE_URL")
}

 

4. 마이그레이션 진행

npx prisma migrate dev

## /prisma/schema.prisma
model User {
  id Int @id @default(autoincrement())
  username String @unique
  email String? @unique
  password String?
  phone String? @unique
  github_id String? @unique
  avatar String?
  created_at DateTime @default(now())
  updated_at DateTime @updatedAt
}

/prisma/schema.prisma 파일에 model을 하나 만들어 주었다.

그다음 마이그레이션 명령어를 입력해주면 SQL문으로 변경된 것을 볼 수 있다!

 

 

5. vsCode Extensions

추가로 설치하면 좋은 vsCode 확장 프로그램이다.

 

SQLite View를 database.db를 좀 더 편하게 볼 수 있게 제공해준다.