[Next.js] Planet Scale + Prisma 배포하기 (Vercel)

 

 

🚀  프로젝트 배포하기

개발 환경에서 사용하던 DB와 배포 환경에서 사용할 DB를 혼용하지 않기 위해서는 프로젝트 개발 시에 만든 DB branch를 배포하는 것이 좋습니다. 지금부터 branch 배포 방법을 한 단계씩 알아가 봅시다. (글쓴이는 Vercel로 프로젝트를 배포했습니다.)

 

 

 

 

 

 

 

1. Promote branch

https://app.planetscale.com/

Sign in - PlanetScale

우선 PlanetScale 사이트에 접속해 로그인 후, main branch에 접속합니다. 

 

 

 

 

 

Promote a branch to production 버튼을 클릭하면 main branch가 production으로 설정됩니다.

 

 

 

 

2. Add Environment Variables

 

배포한 프로젝트가 제대로 동작하기 위해서는 프로젝트의 .env 파일에서 작성한 환경 변수들을 배포한 프로젝트에도 추가해야 하는데요.

 

 

 

우선 배포한 DB와 내 프로젝트를 연결하기 위해서는 DATABASE_URL을 필수적으로 추가해야 합니다. PlanetScale 사이트에서 배포한 branch에 접속하여 connect 버튼을 누르면 위와 같은 팝업창이 뜨고 .env 탭에서 DATABASE_URL 값을 확인할 수 있는데, 이 값은 초기 1회만 password가 보이기 때문에 잘 복사해 두었다가 환경 변수로 추가하길 바랍니다. 만약 실수로 창을 닫거나 복사해 두지 못했다면 우측 중앙에 New password 버튼을 클릭하여 비밀번호를 새로 발급받을 수 있습니다. :)

 

 

 

 

 

 

https://vercel.com/

Vercel: Develop. Preview. Ship. For the best frontend teams

 

 

이제 Vercel 사이트에 접속하여 프로젝트명 > settings > Environment Variables 순으로 들어가면 환경 변수를 추가할 수 있습니다.

NAME 란에 .env 파일에서 작성한 환경 변수의 키를, VALUE 란에는 환경 변수의 키 값을 입력해주고 Add 버튼을 누르면 환경 변수가 프로젝트에 추가됩니다.

 

 

 

 

 

3. Redeploy project

 

 

프로젝트에 환경 변수를 추가해 주었으면 프로젝트를 다시 배포해야 합니다. Deployment 탭에서 더보기 란을 클릭한 뒤 Redeploy 버튼을 누르면 프로젝트가 다시 배포됩니다. 배포가 정상적으로 완료되면 오른쪽 Visit 버튼을 눌러서 결과를 확인해 볼 수 있습니다. ☺️

 

 

 

 

 

 

4. Create New branch

기존에 사용하던 main branch는 배포용 branch가 됐기 때문에 더 이상 개발용으로 사용할 수 없는데요. 개발용 DB를 생성하려면 PlanetScale 사이트에서 New branch 버튼을 클릭하여 새로운 브랜치를 생성한 후 프로젝트 터미널에서 pscale connect DB명 branch명을 입력하면 방금 전에 생성한 branch를 개발용 branch로 사용할 수 있습니다. 

 

 

 

 

 

 

 

 

 

이미 배포한 DB의 스키마를 수정하려면 어떻게 해야 할까요?

그 해답은 다음 포스트에서 다루어 보겠습니다.