230808 Glitch와 Vercel로 배포하기

1. Glitch로 json-server 배포하기

1. 아래 출처 github를 들어간다.

   ✅ 출처 github

2. Use this template로 Create a new repository 해준다.
   

3. Repository name 설정하고 Create repository 해준다.
   

4. Glitch 사이트에 방문하고 로그인해준다.
   ✅ Glitch

5. New Project에서 Import from GitHub 클릭한다.
   

6. 입력 창에 아까 만든 json-server repository 주소를 넣어준다.
   

7. db.json에 내가 만든 db.json의 초기값을 복사 & 붙여넣기 하고, Share 클릭하면 다음과 같이 주소가 뜬다. 여기서 Live site의 주소를 복사해둔다.
   

2. .env 파일 수정하기

server 주소를 위에서 복사해둔 Live site 주소로 바꿔준다.

3. Vercel로 App 배포하기

1. Vercel에서 로그인하고 Add New에 Project를 클릭한다.
   
2. 배포하고자 하는 Repository Import 한다.
   
3. Environment Variables의 Name을 .env 파일의 변수로 Value를 서버 주소로 설정해준다. 그리고 Add, Delpoy하면 끝이다!