classify web

app/ad-details/[slug]/page.jsx

@@ -0,0 +1,104 @@
+import StructuredData from "@/components/Layout/StructuredData";
+import ProductDetail from "@/components/PagesComponent/ProductDetail/ProductDetails";
+import { SEO_REVALIDATE_SECONDS } from "@/lib/constants";
+import { generateKeywords } from "@/utils/generateKeywords";
+
+export const generateMetadata = async ({ params, searchParams }) => {
+  if (process.env.NEXT_PUBLIC_SEO === "false") return;
+  try {
+    const { slug } = await params;
+    const langCode = (await searchParams)?.lang || "en";
+    const res = await fetch(
+      `${process.env.NEXT_PUBLIC_API_URL}${process.env.NEXT_PUBLIC_END_POINT}get-item?slug=${slug}`,
+      {
+        headers: {
+          "Content-Language": langCode || "en",
+        },
+        next: {
+          revalidate: SEO_REVALIDATE_SECONDS,
+        },
+      }
+    );
+
+    const data = await res.json();
+    const item = data?.data?.data?.[0];
+    const title = item?.translated_item?.name;
+    const description = item?.translated_item?.description;
+    const keywords = generateKeywords(item?.translated_item?.description);
+    const image = item?.image;
+
+    return {
+      title: title || process.env.NEXT_PUBLIC_META_TITLE,
+      description: description || process.env.NEXT_PUBLIC_META_DESCRIPTION,
+      openGraph: {
+        images: image ? [image] : [],
+      },
+      keywords: keywords,
+    };
+  } catch (error) {
+    console.error("Error fetching MetaData:", error);
+    return null;
+  }
+};
+
+const getItemData = async (slug, langCode) => {
+  if (process.env.NEXT_PUBLIC_SEO === "false") return;
+  try {
+    const res = await fetch(
+      `${process.env.NEXT_PUBLIC_API_URL}${process.env.NEXT_PUBLIC_END_POINT}get-item?slug=${slug}`,
+      {
+        headers: {
+          "Content-Language": langCode || "en",
+        },
+        next: {
+          revalidate: SEO_REVALIDATE_SECONDS,
+        },
+      }
+    );
+
+    const data = await res.json();
+    const item = data?.data?.data?.[0];
+    return item;
+  } catch (error) {
+    console.error("Error fetching item data:", error);
+    return null;
+  }
+};
+
+const ProductDetailPage = async ({ params, searchParams }) => {
+  const { slug } = await params;
+  const langCode = (await searchParams).lang || "en";
+  const product = await getItemData(slug, langCode);
+  const jsonLd = product
+    ? {
+        "@context": "https://schema.org",
+        "@type": "Product",
+        productID: product?.id,
+        name: product?.translated_item?.name,
+        description: product?.translated_item?.description,
+        image: product?.image,
+        url: `${process.env.NEXT_PUBLIC_WEB_URL}/ad-details/${product?.slug}`,
+        category: {
+          "@type": "Thing",
+          name: product?.category?.translated_name || "General Category", // Default category name
+        },
+        ...(product?.price && {
+          offers: {
+            "@type": "Offer",
+            price: product.price,
+            priceCurrency: "USD",
+          },
+        }),
+        countryOfOrigin: product?.translated_item?.country,
+      }
+    : null;
+
+  return (
+    <>
+      <StructuredData data={jsonLd} />
+      <ProductDetail slug={slug} />
+    </>
+  );
+};
+
+export default ProductDetailPage;