From bcd96480e03cf36d34ac58428416ca3084c65e7d Mon Sep 17 00:00:00 2001
From: Poyraz Avsever <poyrazavsever@hotmail.com>
Date: Fri, 17 Apr 2026 11:03:20 +0300
Subject: [PATCH] feat: implement dynamic blog post page with metadata and
 JSON-LD support

---
 app/blog/[slug]/page.tsx | 41 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/app/blog/[slug]/page.tsx b/app/blog/[slug]/page.tsx
index 4b48efb..8acc79f 100644
--- a/app/blog/[slug]/page.tsx
+++ b/app/blog/[slug]/page.tsx
@@ -1,4 +1,5 @@
 import { notFound } from "next/navigation";
+import { Metadata } from "next";
 import { BlogDetailContent } from "@/components/blog-detail-content";
 import { ArticleJsonLd } from "@/components/json-ld";
 import { getBlogDetailBySlug } from "@/data/blog-detail";
@@ -9,6 +10,46 @@ type BlogDetailPageProps = {
   params: Promise<{ slug: string }>;
 };
 
+export async function generateMetadata({ params }: BlogDetailPageProps): Promise<Metadata> {
+  const { slug } = await params;
+  const post = await getBlogDetailBySlug(slug);
+
+  if (!post) {
+    return {
+      title: "Yazı Bulunamadı",
+    };
+  }
+
+  const url = `${SITE_URL}/blog/${post.slug}`;
+
+  return {
+    title: post.title,
+    description: post.excerpt,
+    openGraph: {
+      title: post.title,
+      description: post.excerpt,
+      url,
+      type: "article",
+      publishedTime: post.date,
+      authors: [post.author],
+      images: [
+        {
+          url: post.coverImage,
+          width: 1200,
+          height: 630,
+          alt: post.title,
+        },
+      ],
+    },
+    twitter: {
+      card: "summary_large_image",
+      title: post.title,
+      description: post.excerpt,
+      images: [post.coverImage],
+    },
+  };
+}
+
 export default async function BlogDetailPage({ params }: BlogDetailPageProps) {
   const { slug } = await params;
   const post = await getBlogDetailBySlug(slug);