next.js app-router에서 fetch revalidate 옵션을 주었을 때 데이터가 갱신되지 않는 현상

Question

현재 서버에서 하루 단위로 DB데이터를 업데이트하고 있습니다.
거기에 맞춰 프론트단에서도 하루 단위로 갱신된 데이터를 보여주기 위해 api fetch옵션인 
`{ next: {revadliate : 36000}  }` 을 설정해 두었습니다.

그런데 revalidate로 설정한 시간이 지나도 화면에 나타나는 데이터가 갱신되지 않아요...
개발 환경에선 업데이트 된 데이터가 나오다가도 배포 페이지에선 이전 데이터가 나오는거 같아요. (배포는 aws로 했습니다)
서버 db 데이터는 잘 업데이트 되고있는걸 확인했습니다.

혼자서 자료를 아무리 찾아봐도 원인과 해결법을 모르겠어서 도움 요청합니다ㅠㅠ

fetch 코드와 fetch를 호출하는 코드도 함께 첨부합니다.

백승훈 · Answer

안녕하세요 답변 드립니다 😏

개발 환경에서 정상 작동한다면 배포 환경의 캐싱 데이터가 아직 존재할 수 있습니다.

https://www.smileshark.kr/post/how-to-set-cachecontrol-header-in-amazon-cloudfront

혹시 AWS에서 Cloudflare나 다른 캐싱 서비스 (Redis)등을 제공하는 서비스와 연결되어 있으실 것 같은대 해당 부분에서 캐싱 데이터가 업데이트되지 않아 발생하는 문제일 확율이 높습니다.

혹은 Next의 버전에 따라 SSG나 ISR을 사용하셨다면 재갱신 주기를 설정하거나 빌드 시 html 파일이 이미 완성된 상태라 구조 자체를 다시 확인하셔야 할 수 있습니다.