#5 Apollo 환경에 Prisma 끼얹기

지난 날 힘겹게 NextJS와 Apollo Server, Client을 한 프로젝트에 설정했다.
이제 DB 연동해서 사용하면 되는데, 테이블을 추가하면 GraphQL Schema도 추가해야되는게 너무 귀찮았다.
그래서 Prisma2을 적용해봤다. 결과는 대대대만족!!!

혹시 나처럼 NextJS로 백엔드와 프론트엔드를 같은 프로젝트(단순히 폴더를 나눈게 아닌 동작 프로세스가 하나로 이뤄지는 경우)로 하고 싶은 행인이 있을까싶어 git에 올렸다.

 

github.com/yelling95/example-nextjs-apollo-prisma.git

yelling95/example-nextjs-apollo-prisma

Prisma Flow

 

1. schema.prisma

• DB 정보
• DB 스키마 정의

2. prisma migrate save

• prisma/migrate 폴더랑 DB에 _Migration 테이블에 데이터베이스에 대한 정보가 저장됨
• 마이그레이션 결과, 스냅샷, README 생성

3. prisma migrate up

• migrate save 한 내용으로 DB에 테이블 생성 및 변경됨 (완전 신기방기 동방신기)

4. prisma generate

• 쿼리를 작성하지 않아도 데이터를 조회 및 변경 할 수 있도록 Prisma Client에 스키마에 정의한대로 객체를 만들어 놓음

5. @nexus/schema로 GraphQL 스키마 정의하고 Query나 Mutataion의 Resolver에서 Prisma Client 통해 DB 데이터를 조회하거나 변경

 

6. @nexus/schema로 만든 스키마를 Apollo Server에 장착

• makeSchema 할때 outputs 옵션에 typegen, schema 문서가 나옴
• API 문서나 다른 사람에게 공유할 때 유용할 것 같음