// ❌ revalidatePath 만 — 모든 관련 경로를 알고 있어야 함

// 📁 app/posts/page.tsx
async function fetchPosts() {
  return fetch('https://api/posts').then(r => r.json());
  // 기본 force-cache
}

// 📁 app/sidebar/RecentPosts.tsx (다른 컴포넌트에서도 사용)
async function fetchRecentPosts() {
  return fetch('https://api/posts?limit=5').then(r => r.json());
}

// 📁 app/posts/actions.ts
'use server';
import { revalidatePath } from 'next/cache';

export async function createPost(formData: FormData) {
  await db.post.create({ data: { title: formData.get('title') as string } });

  // 모든 관련 경로를 일일이 무효화
  revalidatePath('/posts');           // 글 목록
  revalidatePath('/');                // 홈에 RecentPosts 있음
  revalidatePath('/sidebar', 'layout'); // 사이드바에 RecentPosts 있음
  // 한 곳이라도 빠뜨리면 그 페이지엔 옛 데이터
}

// 단점:
// - 데이터를 사용하는 모든 페이지를 mutation 코드가 알아야 함
// - 새 페이지 추가하면 mutation 코드도 수정 필요
// - 사이드바·푸터 등 글로벌 컴포넌트가 관련 데이터 쓰면 layout 전체 무효화

// ✅ tags + revalidateTag — 데이터 단위 무효화

// 📁 app/posts/page.tsx
async function fetchPosts() {
  return fetch('https://api/posts', {
    next: { tags: ['posts'] },
  }).then(r => r.json());
}

// 📁 app/posts/[id]/page.tsx
async function fetchPost(id: string) {
  return fetch(`https://api/posts/${id}`, {
    next: { tags: ['posts', `post-${id}`] },
  }).then(r => r.json());
}

// 📁 app/posts/[id]/Comments.tsx
async function fetchComments(id: string) {
  return fetch(`https://api/posts/${id}/comments`, {
    next: { tags: [`post-${id}`, `comments-${id}`] },
  }).then(r => r.json());
}

// 📁 app/sidebar/RecentPosts.tsx (어디서든)
async function fetchRecentPosts() {
  return fetch('https://api/posts?limit=5', {
    next: { tags: ['posts'] },
  }).then(r => r.json());
}

// 📁 app/posts/actions.ts — mutation 코드는 태그만 알면 됨
'use server';
import { revalidateTag } from 'next/cache';
import { redirect } from 'next/navigation';

export async function createPost(formData: FormData) {
  await db.post.create({ data: { title: formData.get('title') as string } });
  revalidateTag('posts');
  // 'posts' 태그가 붙은 모든 fetch (목록·홈 RecentPosts·사이드바 등) 자동 무효화
}

export async function updatePost(id: number, formData: FormData) {
  await db.post.update({
    where: { id },
    data: { title: formData.get('title') as string },
  });
  revalidateTag('posts');           // 목록 (제목 바뀜)
  revalidateTag(`post-${id}`);      // 상세 + 댓글 (댓글은 post-{id} 도 태그)
}

export async function addComment(postId: number, formData: FormData) {
  await db.comment.create({
    data: { postId, text: formData.get('text') as string },
  });
  revalidateTag(`comments-${postId}`); // 그 글의 댓글만 (전체 글 목록·다른 글은 그대로)
}

export async function deletePost(id: number) {
  await db.post.delete({ where: { id } });
  revalidateTag('posts');
  revalidateTag(`post-${id}`);
  redirect('/posts');
}

// 장점:
// - mutation 코드가 데이터 사용처를 몰라도 됨
// - 새 페이지에 같은 fetch 추가해도 mutation 수정 X
// - 정확도 ↑ (필요한 태그만, 무관한 페이지 캐시 유지)
// - on-demand 가능 — webhook 받아서 revalidateTag 호출도 가능