[error] nextjs api routes vercel 배포시 504에러

1. nextjs 사용하면 api routes 를 통해서 서버리스 함수와 유사한 방식을 통해 서보와 데이터 통신 처리가 가능하다.

 

토이프로젝트를 로컬에서만들다가 어느정도가 진행이 된후 vercel을 통해서 배포하고 확인을 한번 해봤다.

근데 api route를 사용할때 서버 에러가 발생했다.

 

netlify 서비스를 사용한적이 있었는데 nextjs serverside 관련 함수는 사용을 할수가 없었던 기억이 있어서 api route 기능도 정적페이지 배포시에는 사용할수 없는건가? 라는 생각이 들었다. 근데 vercel은 nextjs 개발팀 이기도 하고 그런 부분 까지도 일정부분은 무료로 제공해주는 걸로 알고 했던 거였는데...

 

둘러 보다보니 로그를 확인 할수 있는 탭이 있었고 에러로그를 확인해 보니까 time out 에러였다.

요청시 진행하는 일은 mongodb를 통해서 crud 하는 작업 이였다.

 

mongodb에 network access 라는 탭이 있고 해당 설정이 된 ip 에서만 db에 접근이 가능했고 vercel 은 배포시 동적으로 ip가 정해지기 때문에 mongodb > network Access > add ip address 여기에 모든 ip(0.0.0.0/0)를 열어주면 해당 에러를 해결할수있다.

 

https://stackoverflow.com/questions/67456980/getting-a-504-502-error-on-api-requests-in-nextjs-deployed-on-vercel?rq=2