{{ isDev ? '⚠ 개발 모드' : '✓ 프로덕션 모드' }}
{{ isDev
? ' — ISR은 개발 서버에서 동작하지 않습니다. nuxt build 후 nuxt preview로 확인하세요.'
: ' — ISR이 활성화되어 있습니다. 서버 렌더링 시간이 60초간 고정됩니다.'
}}
ISR 동작 흐름: 첫 요청 시 서버 렌더링 및 캐시 저장
→ 60초 이내 재방문 시 캐시된 HTML 즉시 반환
→ 60초 경과 후 첫 요청에서 캐시 반환 + 백그라운드 재생성
→ 다음 요청부터 새 HTML 반환
확인 방법:
npm run build → npm run preview 실행- 이 페이지를 열고 서버 렌더링 시간 기록
- 60초 이내 새로고침 → 서버 시간이 동일함 (캐시)
- 60초 후 새로고침 → 여전히 이전 값 (캐시 반환 + 백그라운드 재생성 시작)
- 한 번 더 새로고침 → 서버 시간이 변경됨 (새 HTML)
swr: true는 TTL 없이 항상 캐시를 반환하고 매 요청마다 백그라운드 갱신합니다.
한 앱에서 SSR / SSG / SPA / ISR을 경로마다 다르게 혼합할 수 있습니다.
{{ codeExample }}