refactor: katalog feature'ı — sayfalar senkron kompozisyona geçti (Faz 2)

- 8 katalog bileşeni src/features/katalog/components/ altına taşındı;
  katalog-queries.ts (server-only) lib/katalog'un feature kapısı oldu
- /bolumler ve /universiteler'in sayfa içi fetch+inline bileşenleri
  BolumKatalogu/UniversiteKatalogu feature bileşenlerine çıkarıldı
- 6 sayfa async'ten senkron'a: params.then() + sayfada Suspense,
  skeleton'lar feature bileşeninin yanında (BolumIcerikSkeleton vb.)
- generateStaticParams artık *-queries yerine bileşen dosyasının
  helper'larını kullanıyor (bolumStaticSlugs, uniSayfaStaticParams)
- Davranış değişikliği yok; route durumları aynı (◐), 1917 statik sayfa

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

src/app/bolum/[slug]/bolum-icerik.tsx

@@ -1,125 +0,0 @@
-import type { Metadata } from "next";
-import Link from "next/link";
-import { notFound } from "next/navigation";
-import { ChevronRight } from "lucide-react";
-import { getBolumBySlug, uniSlugFromAd } from "@/lib/katalog";
-import { JsonLd, breadcrumbJsonLd } from "@/lib/seo";
-import { SAYFA_BOYU } from "@/components/sayfalama";
-import { BolumProgramListesi } from "@/components/bolum-program-listesi";
-import { SiteFooter } from "@/components/site-footer";
-
-const sayi = (n: number) => n.toLocaleString("tr-TR");
-
-export function bolumToplamSayfa(programSayisi: number): number {
-  return Math.max(1, Math.ceil(programSayisi / SAYFA_BOYU));
-}
-
-export function bolumSayfaMetadata(slug: string, sayfa: number): Metadata {
-  const bolum = getBolumBySlug(slug);
-  if (!bolum) return {};
-  const { stats } = bolum;
-  if (sayfa > 1) {
-    return {
-      title: `${bolum.ad} Taban Puanları 2026 (Sayfa ${sayfa})`,
-      description: `${bolum.ad} taban puanları ve başarı sıralamaları tablosunun ${sayfa}. sayfası — toplam ${stats.toplam} programın 2025 yerleştirme verileri.`,
-      alternates: { canonical: `/bolum/${slug}/sayfa/${sayfa}` },
-    };
-  }
-  const enIyi =
-    stats.minSira != null
-      ? ` En iyi taban sıralaması ${sayi(stats.minSira)}.`
-      : "";
-  return {
-    title: `${bolum.ad} Taban Puanları ve Başarı Sıralamaları 2026`,
-    description: `${bolum.ad} 2025 yerleştirme verileri: ${stats.toplam} programın taban puanı ve sıralaması, ${stats.devlet} devlet / ${stats.vakif} vakıf.${enIyi} 2026 tercih rehberi.`,
-    alternates: { canonical: `/bolum/${slug}` },
-  };
-}
-
-export function BolumIcerik({ slug, sayfa }: { slug: string; sayfa: number }) {
-  const bolum = getBolumBySlug(slug);
-  if (!bolum) notFound();
-
-  const tumProgramlar = [
-    ...bolum.lisansProgramlari,
-    ...bolum.onlisansProgramlari,
-  ];
-  const toplamSayfa = bolumToplamSayfa(tumProgramlar.length);
-  if (sayfa < 1 || sayfa > toplamSayfa) notFound();
-  const ilkSayfa = sayfa === 1;
-  const buYol = ilkSayfa ? `/bolum/${slug}` : `/bolum/${slug}/sayfa/${sayfa}`;
-
-  return (
-    <>
-      <main className="mx-auto w-full max-w-5xl px-4 py-10 sm:py-14">
-      <JsonLd
-        data={breadcrumbJsonLd([
-          { name: "Ana Sayfa", path: "/" },
-          { name: "Bölümler", path: "/bolumler" },
-          { name: bolum.ad, path: `/bolum/${slug}` },
-          ...(ilkSayfa ? [] : [{ name: `Sayfa ${sayfa}`, path: buYol }]),
-        ])}
-      />
-
-      <nav
-        aria-label="İçerik yolu"
-        className="mb-5 flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground"
-      >
-        <Link
-          href="/"
-          className="transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-        >
-          Ana sayfa
-        </Link>
-        <ChevronRight className="size-3.5" aria-hidden />
-        <Link
-          href="/bolumler"
-          className="transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-        >
-          Bölümler
-        </Link>
-        <ChevronRight className="size-3.5" aria-hidden />
-        <span className="text-foreground">
-          {ilkSayfa ? bolum.ad : `Sayfa ${sayfa}`}
-        </span>
-      </nav>
-
-      <header className="border-b pb-7 sm:pb-9">
-        <h1 className="max-w-3xl font-heading text-3xl font-bold tracking-tight text-foreground sm:text-5xl">
-          {bolum.ad}
-        </h1>
-        <p className="mt-3 max-w-2xl text-sm leading-6 text-muted-foreground sm:text-base">
-          {sayi(tumProgramlar.length)} üniversite programının 2025 taban
-          puanlarını, başarı sıralamalarını ve kontenjanlarını incele
-          {!ilkSayfa ? ` — sayfa ${sayfa}` : ""}.
-        </p>
-      </header>
-
-      <section aria-labelledby="universite-programlari" className="mt-8">
-        <div className="mb-4 flex items-end justify-between gap-4">
-          <h2
-            id="universite-programlari"
-            className="font-heading text-xl font-bold text-foreground sm:text-2xl"
-          >
-            Üniversite programları
-          </h2>
-          <span className="shrink-0 text-sm text-muted-foreground">
-            {sayi(tumProgramlar.length)} program
-          </span>
-        </div>
-
-        <BolumProgramListesi
-          programlar={tumProgramlar.map((program) => ({
-            ...program,
-            universiteSlug: uniSlugFromAd(program.universite),
-          }))}
-          bazAd={bolum.ad}
-          tabanYol={`/bolum/${slug}`}
-          sayfa={sayfa}
-        />
-      </section>
-      </main>
-      <SiteFooter />
-    </>
-  );
-}

src/app/bolum/[slug]/page.tsx

@@ -1,28 +1,32 @@
+import { Suspense } from "react";
 import type { Metadata } from "next";
-import { getAllBolumSlugs } from "@/lib/katalog";
-import { BolumIcerik, bolumSayfaMetadata } from "./bolum-icerik";
+import {
+  BolumIcerik,
+  BolumIcerikSkeleton,
+  bolumSayfaMetadata,
+  bolumStaticSlugs,
+} from "@/features/katalog/components/bolum-icerik";
 
 // Tüm bölümler build sırasında bilinir (veri ancak ingest + deploy ile
 // değişir); bilinmeyen slug getBolumBySlug'dan null dönüp notFound()'a düşer.
 // (dynamicParams cacheComponents ile uyumsuz olduğundan kullanılamıyor.)
 export function generateStaticParams() {
-  return getAllBolumSlugs().map((slug) => ({ slug }));
+  return bolumStaticSlugs().map((slug) => ({ slug }));
 }
 
 export async function generateMetadata({
   params,
-}: {
-  params: Promise<{ slug: string }>;
-}): Promise<Metadata> {
+}: PageProps<"/bolum/[slug]">): Promise<Metadata> {
   const { slug } = await params;
   return bolumSayfaMetadata(slug, 1);
 }
 
-export default async function BolumPage({
-  params,
-}: {
-  params: Promise<{ slug: string }>;
-}) {
-  const { slug } = await params;
-  return <BolumIcerik slug={slug} sayfa={1} />;
+export default function BolumPage({ params }: PageProps<"/bolum/[slug]">) {
+  return (
+    <Suspense fallback={<BolumIcerikSkeleton />}>
+      {params.then(({ slug }) => (
+        <BolumIcerik slug={slug} sayfa={1} />
+      ))}
+    </Suspense>
+  );
 }

src/app/bolum/[slug]/sayfa/[no]/page.tsx

@@ -1,22 +1,17 @@
+import { Suspense } from "react";
 import type { Metadata } from "next";
 import { notFound } from "next/navigation";
-import { getAllBolumler } from "@/lib/katalog";
 import {
   BolumIcerik,
+  BolumIcerikSkeleton,
   bolumSayfaMetadata,
-  bolumToplamSayfa,
-} from "../../bolum-icerik";
+  bolumSayfaStaticParams,
+} from "@/features/katalog/components/bolum-icerik";
 
 // Yalnızca 1'den fazla sayfası olan bölümler için 2..N sayfaları üretilir;
 // 1. sayfa taban rota (/bolum/[slug]) olduğundan burada üretilmez.
 export function generateStaticParams() {
-  return getAllBolumler().flatMap((b) => {
-    const toplam = bolumToplamSayfa(b.programSayisi);
-    return Array.from({ length: Math.max(0, toplam - 1) }, (_, i) => ({
-      slug: b.slug,
-      no: String(i + 2),
-    }));
-  });
+  return bolumSayfaStaticParams();
 }
 
 function sayfaNo(no: string): number | null {
@@ -26,22 +21,23 @@ function sayfaNo(no: string): number | null {
 
 export async function generateMetadata({
   params,
-}: {
-  params: Promise<{ slug: string; no: string }>;
-}): Promise<Metadata> {
+}: PageProps<"/bolum/[slug]/sayfa/[no]">): Promise<Metadata> {
   const { slug, no } = await params;
   const n = sayfaNo(no);
   if (n == null) return {};
   return bolumSayfaMetadata(slug, n);
 }
 
-export default async function BolumSayfaPage({
+export default function BolumSayfaPage({
   params,
-}: {
-  params: Promise<{ slug: string; no: string }>;
-}) {
-  const { slug, no } = await params;
-  const n = sayfaNo(no);
-  if (n == null) notFound();
-  return <BolumIcerik slug={slug} sayfa={n} />;
+}: PageProps<"/bolum/[slug]/sayfa/[no]">) {
+  return (
+    <Suspense fallback={<BolumIcerikSkeleton />}>
+      {params.then(({ slug, no }) => {
+        const n = sayfaNo(no);
+        if (n == null) notFound();
+        return <BolumIcerik slug={slug} sayfa={n} />;
+      })}
+    </Suspense>
+  );
 }