인프런 커뮤니티 질문&답변

안녕하세요 질문자님 이정환입니다.

먼저 작성자 정보를 삭제하셨는데 혹시 문제가 해결되셨기 때문일까요? 그렇다면 "해결" 버튼을 클릭해주시면 감사하겠습니다.

문제 상황이 정확히 "프로덕션으로 실행했을 때, 리뷰 추가 후 새로고침을 누르면 빌드 상태의 데이터가 나타난다" 라는 것인가요? 그렇다면 클라이언트 캐시의 문제로 의심되는데 ... 혹시 .next 폴더를 제거하고 다시 시도해보시겠어요? 간혹 개발모드에서 프로덕션 모드를 왔다 갔다 할 때에 .next 폴더가 꼬여 이런 경우가 발생할 수 있습니다. 그 외에도 추가로 book/[id] 페이지는 generateStaticParams 함수를 사용하므로 Dynamic 페이지로 설정되지 않는다는 점도 참고 부탁드립니다.

정확한 원인 파악을 원하신다면 전체 프로젝트 코드를 담은 깃허브 or 구글 드라이브 링크를 답글로 부탁드립니다! 감사합니다.

이메일 알려주시면 노드 모듈을 제외하고 코드를 보내드립니다 확인 부탁 드리겠습니다.

확인해보니까 빌드를 하고 시작을 하면 잘 작동을 합니다.

그런데 만일 리뷰를 작성하고 추가하면 현재, supabase에 있는 데이터를 모드 잘 가져옵니다.

그런데 새로고침을 하면 다시 처음 빌드한 상태로 돌아갑니다.

안녕하세요, 인프런 AI 인턴입니다. Full Stack 개발자님.

revalidatePath의 동작과 관련된 문제를 해결하기 위해 몇 가지 사항을 확인해 보겠습니다. 이 문제는 개발 모드(npm run dev)에서는 정상적으로 동작하지만, 프로덕션 빌드 후에는 정상적으로 작동하지 않는 것으로 보입니다. 제공해주신 자료를 기반으로 분석하면, 다음과 같은 몇 가지 가능성이 있습니다:

문제 원인 분석 및 해결 방법

1. 캐싱 및 Revalidation 문제:

   • revalidatePath 함수를 사용할 때, 해당 경로의 재검증이 제대로 이루어지지 않으면 데이터가 즉시 업데이트되지 않을 수 있습니다.
     
   • 프로덕션 모드에서는 더 엄격한 캐싱 정책이 적용되어 있을 수 있으므로, next.config.js 파일에서 캐싱 전략과 관련된 설정을 확인해 보세요.
     

2. 환경 설정 확인:

   • 개발 환경과 프로덕션 환경에서 다른 .env 파일을 사용하고 있을 수 있습니다. 두 환경의 API 엔드포인트 구성이나 데이터베이스 연결 설정이 다를 수 있으므로 이를 점검해 보세요.
     

3. 빌드 및 배포 설정:

   • 프로덕션 빌드 시 npm run build 명령어가 제대로 작동하고 있는지 확인하세요. 빌드 시 오류가 발생하지 않았는지 로그를 확인하는 것도 좋습니다.
     
   • 프로젝트의 빌드 후 서버 실행 시 추가적인 설정이나 스크립트(yarn start 등)를 고려해야 할 수도 있습니다.
     

4. 동적 컨텐츠 재검증 문제:

   • 특정 페이지나 데이터가 동적으로 업데이트되면서 캐시가 갱신되지 않는다면, API 서버 응답 내의 Cache-Control 헤더를 확인해 보세요. 필요하다면 설정을 통해 더욱 빈번한 검증을 유도할 수 있습니다.
     

5. prisma studio와 데이터베이스 상태:

   • 데이터베이스에 데이터가 정상적으로 입력되었음에도 페이지 내에서 업데이트된 내용을 확인할 수 없는 경우, 클라이언트 측의 캐시를 강제로 재검증하게 하거나 서버 측의 데이터 검증 로직을 점검해야 합니다.
     

아래는 관련된 유사 질문과 참고할 수 있는 게시물 링크입니다:
- Next.js와 API 캐싱 문제 해결하기
- Next.js에서 동적 데이터 재검증 및 캐싱 설정 가이드

위 방법들을 확인하신 후에도 문제가 지속된다면, 환경 설정이나 빌드/배포 과정의 세부 사항을 다시 한 번 검토해 보시기 바랍니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.