Next.js에서 ISR 캐시 문제 해결

Next.js에서 ISR 캐시 문제 해결 문제로 질문드립니다.

Next.js App Router에서 아래와 같이 데이터를 가져오는데, 배포 후 데이터가 갱신되지 않습니다:

// app/posts/page.tsx
export default async function PostsPage() {
  const res = await fetch('https://api.example.com/posts')
  const posts = await res.json()
  return 
}

개발 서버에서는 매번 최신 데이터인데, 프로덕션 빌드하면 빌드 시점 데이터가 계속 나옵니다.