Next.js'te SSR, SSG ve ISR nasıl yapılandırılır?

App Router'da render stratejisi sayfanın kullandığı verilere ve ayarlara göre belirlenir:

• Statik (SSG): dinamik API kullanmayan sayfalar derleme sırasında üretilir.
• ISR: export const revalidate = 3600 ile sayfa statik sunulur ve en fazla saatte bir arka planda yenilenir. Bir veri değiştiğinde revalidatePath("/urunler") veya revalidateTag ile anında yenilenir.
• Dinamik (SSR): cookies(), headers(), searchParams kullanan veya export const dynamic = "force-dynamic" olan sayfalar her istekte sunucuda üretilir.

// app/urunler/[slug]/page.tsx
export const revalidate = 3600;

export async function generateStaticParams() {
  const urunler = await getPopulerUrunler();
  return urunler.map(u => ({ slug: u.slug }));  // en popülerleri derlemede üret
}

export default async function Sayfa({ params }: { params: Promise<{ slug: string }> }) {
  const { slug } = await params;
  const urun = await getUrun(slug);
  return <UrunDetay urun={urun} />;
}