TIL 23.07.13 json-server glitch 로 vercel 배포

json-server 배포하기

 

기존 vercel 을 이용하여 배포를 시도하였다. 결과물은 db.json 의 데이터를 전혀받아오지 못함. json-server 를 써서  배포하면, 단순히 배포만 해야하는 것이 아니라 db.json을 담을 그릇(?) 을 만들어주어야 하는데 그게 바로 glitch 이다.

 

문제점을 해결하기 위해 glitch 에 들어가서 회원가입을 한 후에, 깃허브에서 db.json 을 위한 레포지토리를 하나 생성함. 

이분껄 이용해서 레포지토리를 생성했다. 

https://github.com/kitloong/json-server-vercel

GitHub - kitloong/json-server-vercel: Deploy JSON Server to Vercel

 

그리고 glitch 에서 새 프로젝트를 생성하고 거기에 내가 만든 레포지토리 주소를 복사 붙여넣기 하면 된다. 여기서 말하는 내가 만든 레포지토리는 나의 프로젝트 파일이 들어간게 아니라 위에서 생성한 레포지토리 주소임. 여기서 시간 조금 잡아먹었다.

 

이후, db.json에 들어가서 내가 프로젝트에 사용했던 InitialState 값을 그대로 복사 붙여넣기 해줌.

 

여기에 그대로 복붙해준후, 이후 Share 에 들어가서 Live site 링크를 복사해준 후, 원래 프로젝트에 들어가서 환경변수에서 서버 url 을 변경해주면 된다. 이후 커밋하면 반영이 잘 됨. 

vercel 에 배포할때, url 서버가 담긴 환경변수만 넣어주면 됨. 다른거 필요없음

 

 

또한 firebase 소셜로그인 기능을 구현한 경우, 배포된 사이트에 맞게 허용된 도메인에 추가해주면 됨 😀