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
@@ -25,7 +25,7 @@ figcaption {
 }
 </style>
 
-Yazılım projelerimizin belkemiği olan açık kaynak yazılımlar, kullanıma *açık* oldukları kadar geliştirmeye de *açıklar*. Ne var ki, bunları kullanması ne kadar kolaysa geliştirmesi de bir o kadar çetrefilli! Peki bunun bizi yıldırmasına müsaade edecek miyiz, tabi ki de hayır!  Bu yazıda açık kaynak projelerde katkı sağlayıcı olmanın zorluklarını bir kenara bırakıp, bunun aslında bize sağlanmış bir özgürlük ve kendimizi geliştirmenin eğlenceli bir yolu olduğunu göreceğiz!
+Yazılım projelerimizin belkemiği olan açık kaynak yazılımlar, kullanıma *açık* oldukları kadar geliştirmeye de *açıklar*. Ne var ki, bunları kullanması ne kadar kolaysa geliştirmesi de bir o kadar çetrefilli! Peki bunun bizi yıldırmasına müsaade edecek miyiz, tabi ki de hayır! Bu yazıda açık kaynak projelerde katkı sağlayıcı olmanın zorluklarını bir kenara bırakıp, bunun aslında bize sağlanmış bir özgürlük ve kendimizi geliştirmenin eğlenceli bir yolu olduğunu göreceğiz!
 
 ### Açık Kaynak
 

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" ? (