feat: basic post structured data for SEO

src/pages/posts/[...slug].astro

@@ -11,6 +11,8 @@ import License from "@components/misc/License.astro";
 import {licenseConfig} from "src/config";
 import Markdown from "@components/misc/Markdown.astro";
 import path from "path";
+import {profileConfig} from "../../config";
+import {formatDateToYYYYMMDD} from "../../utils/date-utils";
 
 export async function getStaticPaths() {
     const blogEntries = await getCollection('posts', ({ data }) => {
@@ -26,8 +28,24 @@ const { Content } = await entry.render();
 
 const { remarkPluginFrontmatter } = await entry.render();
 
+const jsonLd = {
+    "@context": "https://schema.org",
+    "@type": "BlogPosting",
+    "headline": entry.data.title,
+    "description": entry.data.description || entry.data.title,
+    "keywords": entry.data.tags,
+    "author": {
+        "@type": "Person",
+        "name": profileConfig.name,
+        "url": Astro.site
+    },
+    "datePublished": formatDateToYYYYMMDD(entry.data.published),
+    // TODO include cover image here
+}
+
 ---
 <MainGridLayout banner={entry.data.image} title={entry.data.title} description={entry.data.description}>
+    <script slot="head" type="application/ld+json" set:html={JSON.stringify(jsonLd)}></script>
     <div class="flex w-full rounded-[var(--radius-large)] overflow-hidden relative mb-4">
         <div id="post-container" class:list={["card-base z-10 px-6 md:px-9 pt-6 pb-4 relative w-full ",
             {}