vercel로 배포해보기

기획이랑 디자인 없이 하다보니까 마음에 드는 게 없고 계속 뒤집다 보니 시간만 쓴다...^^
우여곡절 끝에 메인페이지만 대충 완성했다.

vercel로 배포하기

• github으로 가입 후
• 배포하려는 github repository를 import했다.
• package.json에 build 명령어를 입력해준다. next build

배포결과

• 500 Error 😇
• 서버 에러인 걸 보아 서버사이드 데이터 페칭에서 잘못된 것 같았다.
• vercel > Deployments > Functions에서 로그를 확인하거나 브라우저 콘솔에서 메시지를 확인할 수 있다.
  
• 서울시 API를 통해 받아오는데, 등록 url을 localhost로 해놨어서, 수정해주었다. -> 그래도 되지 않았다?
• 서울시 공공 API 호출할 때 app key가 들어가는데, .env.local만 추가해두고 import해서 쓰고 있었다.
  
• 같은 앱 키를 .env.production에도 추가했고, 카카오맵 도메인도 추가했다. -> 잘 된 다 !!!!!

to do

• 초기 로딩이 너무 느린 것 같다.
• 라이트하우스, vercel analytics 참고해가며 개선해봐야겠다.