feat: add og title and description

src/content/blog/ilk-katkinizin-hikayesi.md

@@ -1,7 +1,7 @@
 ---
 draft: false
 title: İlk Katkınızın Hikayesi
-summary: Açık kaynak geliştiriciliğe dair izlenimler.
+summary: İlk açık kaynak katkınızı yapmak sandığınızdan çok daha kolay olacak!
 category: fikir
 subcategory: Rehber
 date: 2024-08-11

src/layouts/Layout.astro

@@ -2,9 +2,10 @@
 interface Props {
   title: string;
   ogTitle?: string;
+  ogDescription?: string;
 }
 
-const { title, ogTitle } = Astro.props;
+const { title, ogTitle, ogDescription } = Astro.props;
 import "../styles/main.css";
 ---
 
@@ -18,9 +19,12 @@ import "../styles/main.css";
     <meta name="generator" content={Astro.generator} />
     <meta name="htmx-config" content='{"code": 204, "swap": false}' />
 
-    <meta property="og:title" content="blog.log101.dev" />
+    <meta property="og:title" content={ogTitle ?? "blog.log101.dev"} />
     <meta property="og:url" content="https://blog.log101.dev" />
-    <meta property="og:description" content={ogTitle} />
+    <meta
+      property="og:description"
+      content={ogDescription ?? "Yazılıma dair..."}
+    />
     <meta property="og:image" content="https://blog.log101.dev/ikon.png" />
     <meta name="twitter:card" content="summary" />
 

src/pages/[category]/[slug]/index.astro

@@ -29,7 +29,10 @@ export async function getStaticPaths() {
 }
 ---
 
-<Layout title="log101" ogTitle="İlk Açık Kaynak Katkınızın Hikayesi">
+<Layout
+  title="log101"
+  ogTitle={entry.data.title}
+  ogDescription={entry.data.summary}>
   <Header />
   {
     entry.collection === "blog" ? (