2.18) on-demand ISR 질문입니다
강의에서는 handler를 만들어서, 직접 api를 입력할 때마다 갱신하도록 예시를 보여주셨는데, 실제로는 어떻게 사용하는 건가요??(어느 시점? 어느 곳에서 트리거 되는 건가요??)
답변 1
0
안녕하세요 이정환입니다.
우선 Page Router 버전에서의 On-Demand ISR은 API Routes를 이용해야 합니다. handler 함수에 매개변수로 전달되는 res에만 revalidate 메서드가 제공되기 때문이죠
On-Demand ISR의 활용사례는 생각보다 꽤 많은데요 몇가지만 예시로 들어보겠습니다.
댓글이 있는 블로그 게시글 페이지
방문자가 댓글을 작성할 수 있는 블로그 게시글 페이지의 경우 댓글의 개수가 많이 달리지 않는 편이라면 On-Demand ISR을 사용할 수 있습니다. 새로운 댓글이 등록될 때 마다 백엔드 서버에서 revalidate 요청을 API Routes에게 보내어 처리하면 됩니다.
또는 블로그의 게시글이 수정되어야 할 때에도 데이터베이스상의 데이터 변화가있다면 백엔드 서버측에서 revalidate 요청을 API Routes에게 보내어 처리할 수 있습니다.
이커머스 사이트 제품 정보 갱신
이커머스 사이트(ex. 쿠x, 스마트스x어) 등에서도 이를 활용할 수 있습니다. 자주 변경되지 않는 상품의 상세 정보데이터가 변경될 경우 백엔드 서버측에서 revalidate 요청을 보내면됩니다.
0
데이터가 갱신되는 로직에서 revalidate(api) 요청을 실행하는 것이 아니라
백엔드 서버에서 1,2번과 같은 데이터 변경이 있을 때 revalidate 요청을 하는 것으로 이해되는데
이러면 FE, BE 개발자가 따로 있으면 협업을 하는 것으로 이해 하면 되는 건가요???
풀라우트캐시 동작 원리에서 데이터 캐시 관련 질문
0
53
2
next.js 프로젝트
0
50
1
Next.js + Tanstack Query BFF 구조 질문
0
47
2
Next.js 사전렌더링 이해하기 부분
0
52
2
모달 관련 질문
0
56
3
렌더링 관련 질문
0
92
2
중복으로 하나의 api를 요청할 때 캐싱 옵션 통일화
0
78
2
라우트 세그먼트 옵션 강좌 노트에 사소한 제보 남깁니다.
0
76
2
SSR시 context에 params말고 query를 사용하면 안되나요?
0
90
2
npx prisma db push 시 에러가 뜹니다.
0
107
3
vercel 배포를 실패하였습니다.
0
120
3
Image 컴포넌트 사용시 브라우저 콘솔에 경고는 왜 뜨는걸까요?
0
74
2
getServerSideProps 함수와 SSR의 관계
0
87
6
없는 페이지인데 풀라우트캐시로 저장이 되는 이유가 궁금합니다
0
70
2
실제 프로젝트에서 SSR 사용에 관해서 질문드립니다.
0
124
2
일반적인 nextjs project architecture에 대하여..
0
97
2
2.14 Search에서 작성한건 static이긴하지만 CSR이 아닌가요?
0
82
2
배포 시 오류 발생
0
97
2
백엔드 서버 오류납니다.
0
95
2
취약점 제거시 nestjs 버전 문제가 생길까요?
0
102
1
eslint.config.mjs 내 rules 어떻게 설정 하나요?
0
113
1
[book]/[id]/page.tsx 모달 띄울 때 성능 하락 현상은 ReviewList를 불러오면서 발생하는 문제 같습니다.
0
69
2
빨간줄 설정
0
88
2
익스텐션 질문
0
65
1