initial commit

src/components/BaseHead.astro

@@ -0,0 +1,47 @@
+---
+interface Props {
+  title?: string;
+  description?: string;
+  image?: string;
+}
+
+import { metaData } from "../config";
+import { SEO } from "astro-seo";
+import { getImagePath } from "astro-opengraph-images";
+import { JoyUIRootIsland } from "./Components"
+const { title, description = metaData.description, image } = Astro.props;
+
+const { url, site } = Astro;
+const openGraphImageUrl = getImagePath({ url, site });
+
+// If the image is not provided, use the default image
+const openGraphImage = image
+  ? new URL(image, url.href).href
+  : openGraphImageUrl;
+
+---
+
+<SEO
+  title={title}
+  titleTemplate=`%s | ${metaData.title}`
+  titleDefault={metaData.title}
+  description={description}
+  charset="UTF-8"
+  openGraph={{
+    basic: {
+      title: title || metaData.title,
+      type: "website",
+      image: openGraphImageUrl,
+      url: url,
+    },
+    optional: {
+      description,
+      siteName: "codey.lol",
+      locale: "en_US",
+    },
+  }}
+  extend={{
+    // extending the default link tags
+    link: [{ rel: "icon", href: "https://codey.lol/images/favicon.png" }],
+  }}
+/>