// app/categories/[slug]/page.tsx

export async function generateStaticParams() {
  const res = await fetch(
    `${process.env.NEXT_PUBLIC_API_URL}/categories`
  );
  const data = await res.json();

  return data.data.map((item: any) => ({
    slug: item.slug,
  }));
}

// 👇 import client component
import CategoryClient from "./CategoryClient";

export default function Page() {
  return <CategoryClient />;
}