Opengraph

src/pages/posts.astro

@@ -2,6 +2,7 @@
 import Layout from "../layouts/Layout.astro";
 import { getCollection, type CollectionEntry } from "astro:content";
 import { Icon } from "astro-icon/components";
+import { config } from "../config";
 
 // Get all posts from the content collection
 const posts = await getCollection("posts");
@@ -21,7 +22,12 @@ function formatDate(date: Date): string {
 }
 ---
 
-<Layout>
+<Layout
+    title={config.siteConfig.pageOpenGraph.posts.title}
+    description={config.siteConfig.pageOpenGraph.posts.description}
+    ogImage={config.siteConfig.pageOpenGraph.posts.image}
+    ogType={config.siteConfig.pageOpenGraph.posts.type}
+>
     <div class="w-full max-w-3xl mx-auto p-4 sm:p-8">
         <h1
             class="text-3xl sm:text-4xl font-bold text-primary mb-6 sm:mb-8 text-center"