From 6aa6ddabb0c32ca9a959da45bcd860f2db572931 Mon Sep 17 00:00:00 2001
From: Max Richter <jim-x@web.de>
Date: Tue, 18 Feb 2025 16:23:51 +0100
Subject: [PATCH] feat: add opentags

---
 src/components/MetaTags.astro   | 13 +++++++++++++
 src/layouts/Layout.astro        |  5 ++++-
 src/layouts/Post.astro          |  5 +++--
 src/pages/blog/[slug].astro     |  2 ++
 src/pages/photos/[slug].astro   |  2 ++
 src/pages/projects/[slug].astro |  2 ++
 src/pages/robots.txt.ts         | 13 +++++++++++++
 7 files changed, 39 insertions(+), 3 deletions(-)
 create mode 100644 src/components/MetaTags.astro
 create mode 100644 src/pages/robots.txt.ts

diff --git a/src/components/MetaTags.astro b/src/components/MetaTags.astro
new file mode 100644
index 0000000..f5dc172
--- /dev/null
+++ b/src/components/MetaTags.astro
@@ -0,0 +1,13 @@
+---
+interface Props {
+  title: string;
+  cover: string;
+}
+---
+
+<meta property="og:title" content={Astro.props.title} />
+<meta property="og:type" content="website" />
+<meta property="og:url" content={Astro.url} />
+<meta property="og:image" content={Astro.props.cover} />
+<meta property="og:description" content="Max Richters personal blog" />
+<meta property="og:site_name" content="Max Richter" />
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 7900858..5e2af4f 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -6,10 +6,12 @@ import { useTranslations } from "@i18n/utils";
 interface Props {
   title: string;
   width?: "full" | "compact";
+  image?: string;
 }
 const t = useTranslations(Astro.url);
 
 const { title } = Astro.props;
+
 import "./theme.css";
 import "./global.css";
 ---
@@ -21,6 +23,7 @@ import "./global.css";
     <meta name="description" content="Astro description" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="props" content={JSON.stringify(Astro.props)} />
+    <link rel="sitemap" href="/sitemap-index.xml" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <script
       is:inline
@@ -60,7 +63,7 @@ import "./global.css";
       ]}
     />
     <meta name="generator" content={Astro.generator} />
-    <!-- <meta http-equiv="refresh" content="0;url=/" /> -->
+    <slot name="meta-tags" />
     <title>{title}</title>
     <script is:inline>
       (function () {
diff --git a/src/layouts/Post.astro b/src/layouts/Post.astro
index e184631..4f80a54 100644
--- a/src/layouts/Post.astro
+++ b/src/layouts/Post.astro
@@ -9,11 +9,12 @@ type Props = MarkdownLayoutProps<{
   date: Date;
   links?: string[][];
   toc?: boolean;
+  cover?: string;
 }>;
 
 const { frontmatter, headings } = Astro.props;
 const t = useTranslations(Astro.url);
-const { title, url, date: dateString, links, toc } = frontmatter;
+const { title, url, date: dateString, links, toc, cover } = frontmatter;
 const collection = url?.split("/")[2];
 const date = new Date(dateString);
 const path = useTranslatedPath(Astro.url);
@@ -22,7 +23,7 @@ const path = useTranslatedPath(Astro.url);
 const backlinkContent = t(`nav.${collection}`).toLowerCase();
 ---
 
-<Layout title={title}>
+<Layout title={title} image={cover}>
   <div class="top-info flex items-center place-content-between m-y-2">
     <a class="flex items-center gap-1 opacity-50" href={path("/" + collection)}
       ><span class="i-tabler-arrow-left"></span>
diff --git a/src/pages/blog/[slug].astro b/src/pages/blog/[slug].astro
index 4b9581f..846e0f2 100644
--- a/src/pages/blog/[slug].astro
+++ b/src/pages/blog/[slug].astro
@@ -2,6 +2,7 @@
 import { getCollection, render } from "astro:content";
 import { getLocale } from "astro-i18n-aut";
 import { filterCollection, parseSlug } from "@i18n/utils";
+import MetaTags from "@components/MetaTags.astro";
 
 const locale = getLocale(Astro.url);
 
@@ -31,4 +32,5 @@ if (!page) {
 const { Content } = await render(page);
 ---
 
+<MetaTags title={page.data.title} cover={page.data.cover?.src} />
 <Content />
diff --git a/src/pages/photos/[slug].astro b/src/pages/photos/[slug].astro
index c7775bd..0942a76 100644
--- a/src/pages/photos/[slug].astro
+++ b/src/pages/photos/[slug].astro
@@ -2,6 +2,7 @@
 import { getCollection, render } from "astro:content";
 import { getLocale } from "astro-i18n-aut";
 import { filterCollection, parseSlug } from "@i18n/utils";
+import MetaTags from "@components/MetaTags.astro";
 
 const locale = getLocale(Astro.url);
 
@@ -31,4 +32,5 @@ if (!page) {
 const { Content } = await render(page);
 ---
 
+<MetaTags title={page.data.title} cover={page.data.cover?.src} />
 <Content />
diff --git a/src/pages/projects/[slug].astro b/src/pages/projects/[slug].astro
index 9caf67b..7346787 100644
--- a/src/pages/projects/[slug].astro
+++ b/src/pages/projects/[slug].astro
@@ -2,6 +2,7 @@
 import { getCollection, render } from "astro:content";
 import { getLocale } from "astro-i18n-aut";
 import { filterCollection, parseSlug } from "@i18n/utils";
+import MetaTags from "@components/MetaTags.astro";
 
 const locale = getLocale(Astro.url);
 
@@ -31,4 +32,5 @@ if (!page) {
 const { Content } = await render(page);
 ---
 
+<MetaTags title={page.data.title} cover={page.data.cover?.src} />
 <Content />
diff --git a/src/pages/robots.txt.ts b/src/pages/robots.txt.ts
new file mode 100644
index 0000000..03895c4
--- /dev/null
+++ b/src/pages/robots.txt.ts
@@ -0,0 +1,13 @@
+import type { APIRoute } from 'astro';
+
+const getRobotsTxt = (sitemapURL: URL) => `
+User-agent: *
+Allow: /
+
+Sitemap: ${sitemapURL.href}
+`;
+
+export const GET: APIRoute = ({ site }) => {
+  const sitemapURL = new URL('sitemap-index.xml', site);
+  return new Response(getRobotsTxt(sitemapURL));
+};