ISR + 온디맨드 재검증: 캐시 전략

// app/posts/[slug]/page.tsx — 서버 컴포넌트
async function getPost(slug: string) {
  const res = await fetch(`https://api.example.com/posts/${slug}`, {
    next: { revalidate: 3600 },  // 1시간마다 재생성
  });
  return res.json();
}

export default async function Page({ params }: { params: { slug: string } }) {
  const post = await getPost(params.slug);
  return <article>{post.content}</article>;
}

// 데이터 페칭에 태그 부착
async function getPosts() {
  const res = await fetch('https://api.example.com/posts', {
    next: { tags: ['posts'], revalidate: 3600 },
  });
  return res.json();
}

async function getPost(slug: string) {
  const res = await fetch(`https://api.example.com/posts/${slug}`, {
    next: { tags: ['posts', `post-${slug}`] },
  });
  return res.json();
}


// 글 수정 시 — 해당 글만 무효화
'use server';
import { revalidateTag } from 'next/cache';

export async function updatePost(slug: string, data: any) {
  await fetch(`https://api.example.com/posts/${slug}`, {
    method: 'PATCH',
    body: JSON.stringify(data),
  });
  revalidateTag(`post-${slug}`);  // 이 글만
  // 또는 revalidateTag('posts'); — 모든 글 목록 재생성
}

// app/api/revalidate/route.ts — 외부 CMS에서 호출
import { revalidateTag } from 'next/cache';
import { NextRequest, NextResponse } from 'next/server';

export async function POST(req: NextRequest) {
  const secret = req.headers.get('x-secret');
  if (secret !== process.env.REVALIDATE_SECRET) {
    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
  }

  const { tag } = await req.json();
  revalidateTag(tag);

  return NextResponse.json({ revalidated: true, tag });
}


// CMS webhook → POST /api/revalidate { tag: 'posts' }
// → 즉시 캐시 무효화 + 다음 요청에서 새 데이터

데이터가 자주 바뀌는가?
├─ 거의 안 바뀜 (회사 소개, 약관)
│   → 빌드 타임 + force-static
├─ 시간당 1~2회 (블로그, 뉴스)
│   → revalidate: 3600
├─ 자주 (이커머스 가격, 재고)
│   → revalidate: 60 + on-demand revalidation
└─ 실시간 (채팅, 알림)
    → cache: 'no-store' 또는 streaming