• 이제 데이터를 연결해보자. @vercel/postgres를 이용하여 PostgreSQL database를 연결할 것이다. 이미 PostgreSQL에 익숙하다면 다른 편한 provider를 이용해 연결하고 이 챕터를 건너 뛰어도 된다.
• In this chapter... Here are the topics we’ll cover
  • Push your project to GitHub.
  • Set up a Vercel account and link your GitHub repo for instant previews and deployments.
  • Create and link your project to a Postgres database.
  • Seed the database with initial data.

Create a GitHub repository

• 우선 깃헙이나 다른 Git provider에 리포를 생성하여 프로젝트를 푸쉬하자. 레포가 있으면 데이터베이스를 연결하거나 배포하기에 더 편리하다.

Create a Vercel account

• Visit vercel.com/signup to create an account. Choose the free "hobby" plan. Select Continue with GitHub to connect your GitHub and Vercel accounts.

Connect and deploy your project

• 가입이 완료되었다면 이제 Vercel에서 Git repository를 선택하여 import하고, 프로젝트 이름을 지어준 후 Deploy를 클릭하자.

  

  • 딸깍 하니까 바로 deploy가 되었다. 완전 대박 편한데??
  • 이렇게 GitHub repository를 연결하면, main branch에 push할때마다 Vercel이 자동으로 앱을 redeploy해준다고 한다.
  • 그리고 pull request를 열면 instant preview또한 제공되기 때문에 deployment error를 빠르게 잡아낼 수 있고, 팀멤버들에게 preview를 공유하여 쉽게 피드백을 받을 수 있다고 한다. ⇒ 요거는 나중에 한번 해봐야겠네. pull request개념도 공부 필요.

  

  • 이렇게 바로 도메인 나와서 방문 가능하다. 보면 main branch 말고도 최근 commit한 브랜치도 배포가 되어 있어서 테스트 하기에 좋아 보인다.
  • 게다가 Analytics, Speed Insights, Storage, Logs, Functions, Source, Open Graph 등 다양한 기능을 제공하기 때문에 풀스택 앱을 관리하기에 굉장히 좋아 보인다.

Create a Postgres database

• 프로젝트 Dashboard로 가서 Storage tab을 클릭하여 PostgreSQL 데이터베이스를 생성해보자.

• 이때 Vercel app배포 시 default region이 Wasington D.C. 로 되어 있기 때문에 DB도 같은 지역으로 설정하여 data requests시 발생하는 latency를 줄이라는데, 나는 Settings에서 Functions region을 Seoul로 변경해 놓았기 때문에 Postgres 지역도 그나마 가까운 Singapore로 설정해 보기로 하였다. (Postgres 지역에는 서울이 없었고 아시아는 싱가폴이 유일했다)

  • DB지역을 한번 설정하고 나면 변경할 수 없다고 하니 신중하게 해야겠네. DB를 생성하기 전에 설정해야 한다고 한다.

• DB생성 및 연결이 되고 나면, 화면에서 .env.local 탭으로 이동하여 Show secret을 클릭하고 Copy Snippet을 클릭하여 복사한다. (반드시 show secret을 먼저 하고 복사해야 한다)

  

  Show secret을 클릭하기 전. secret 값들이 가려져 있다.