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
19
2
강의 잘 들었습니다.
0
37
1
generateStaticParams() 응용 질문 드립니다.
0
77
2
강의 업데이트 관련
0
87
1
에러핸들링- rootlayout에 관하여
0
78
2
버셀로 서버 배포 후 접속 시 500 에러 발생
0
147
2
컴포넌트와 레이아웃
0
94
2
@/styles/globals.css'
0
122
2
풀라우트캐시 동작 원리에서 데이터 캐시 관련 질문
0
105
2
next.js 프로젝트
0
103
1
Next.js + Tanstack Query BFF 구조 질문
1
135
2
Next.js 사전렌더링 이해하기 부분
0
121
2
모달 관련 질문
0
139
3
렌더링 관련 질문
0
140
2
중복으로 하나의 api를 요청할 때 캐싱 옵션 통일화
0
136
2
라우트 세그먼트 옵션 강좌 노트에 사소한 제보 남깁니다.
0
126
2
SSR시 context에 params말고 query를 사용하면 안되나요?
0
146
2
npx prisma db push 시 에러가 뜹니다.
0
181
3
vercel 배포를 실패하였습니다.
0
203
3
Image 컴포넌트 사용시 브라우저 콘솔에 경고는 왜 뜨는걸까요?
0
138
2
getServerSideProps 함수와 SSR의 관계
0
183
6
없는 페이지인데 풀라우트캐시로 저장이 되는 이유가 궁금합니다
0
124
2
실제 프로젝트에서 SSR 사용에 관해서 질문드립니다.
0
187
2
일반적인 nextjs project architecture에 대하여..
0
152
2