Vercel 배포 트러블 슈팅 ( 라이엇 API, 403 )

롤 관련 정보를 보여주는 사이트를 next.js와 타입 스크립트로 프로젝트를 진행하던 도중

 

 Vercel로 배포하는 과정에서 나서 403 에러코드가 나왔다..

 

 

일단 API Key가 제대로 입력되지 않은 건 아닐까 하는 마음에 API Key를 재등록 해보았다

 

 

하지만 그럼에도 해당  오류는 계속 유지되고 있는데 엔드포인트를 읽지 못하는 건지 .. 

 

 

 

혹시 몰라서 try catch문을 제거하고 다시 빌드해보기로 했다

 

그러다.. 갑자기 라이엇에서 제공하는 API Key에는 유효기간이 있었다는 사실을

 

정말 깜빡 있고 있었다.. 혹시 몰라서 찾아보니 빨간 글씨고 유효 기간이 만료되었다는 것을 목격했다

 

 

 

 

새로운 API로 재발급 받고 썬더 클라이언트를 사용해 API를 호출해보니 데이터가 나오는 것이다!!

yarn build  & yarn start까지 하고 확인해보니 데이터가 정상적으로 렌더링 되었다

 

그렇다면 이제 vercel에 등록한 API 키도 최신화 시켜주면 에러가 나오지 않을 것인데...!! 제발 ㅠㅠ

 

 

 

 

짜잔!!!!!!!!!!!! 결국 유효하지 않은 API Key가 문제였던 것...

이런 기본적인 것도 확인하지 않은 나에게 잠은 사치야..ㅠ그래도 무사히 배포 완료해서 다행이다.. 끝...