From 4a776d6a4b24bedff99c284a6f3bbfa011899975 Mon Sep 17 00:00:00 2001
From: Michael <michael@rausch.nz>
Date: Wed, 16 Oct 2024 07:30:39 +0000
Subject: [PATCH] Added redirects

---
 src/components/Head.astro                | 10 +++++++++-
 src/content/config.ts                    | 10 +++++++++-
 src/content/redirects/facebook/index.md  |  4 ++++
 src/content/redirects/github/index.md    |  4 ++++
 src/content/redirects/instagram/index.md |  4 ++++
 src/layouts/PageLayout.astro             |  5 +++--
 src/pages/go/[...slug].astro             | 23 +++++++++++++++++++++++
 src/pages/go/index.astro                 |  9 +++++++++
 8 files changed, 65 insertions(+), 4 deletions(-)
 create mode 100644 src/content/redirects/facebook/index.md
 create mode 100644 src/content/redirects/github/index.md
 create mode 100644 src/content/redirects/instagram/index.md
 create mode 100644 src/pages/go/[...slug].astro
 create mode 100644 src/pages/go/index.astro
diff --git a/src/components/Head.astro b/src/components/Head.astro
index 3a49d54..134c8e1 100644
--- a/src/components/Head.astro
+++ b/src/components/Head.astro
@@ -14,11 +14,12 @@ interface Props {
   title: string;
   description: string;
   image?: string;
+  redirect?: string;
 }
 
 const canonicalURL = new URL(Astro.url.pathname, Astro.site);
 
-const { title, description, image = "/nano.png" } = Astro.props;
+const { title, description, image = "/nano.png", redirect } = Astro.props;
 ---
 
 <!-- Global Metadata -->
@@ -57,6 +58,13 @@ const { title, description, image = "/nano.png" } = Astro.props;
 <meta property="twitter:description" content={description} />
 <meta property="twitter:image" content={new URL(image, Astro.url)} />
 
+{redirect ? (
+  <meta 
+    http-equiv="refresh" 
+    content={ `0; url=${ redirect }` } 
+  />
+) : null}
+
 <ViewTransitions  />
 
 <script>
diff --git a/src/content/config.ts b/src/content/config.ts
index 2c43c91..d99de74 100644
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -32,4 +32,12 @@ const projects = defineCollection({
   }),
 });
 
-export const collections = { blog, work, projects };
+const redirects = defineCollection({
+  type: "content",
+  schema: z.object({
+    title: z.string(),
+    redirect: z.string(),
+  }),
+});
+
+export const collections = { blog, work, projects, redirects };
diff --git a/src/content/redirects/facebook/index.md b/src/content/redirects/facebook/index.md
new file mode 100644
index 0000000..48f44de
--- /dev/null
+++ b/src/content/redirects/facebook/index.md
@@ -0,0 +1,4 @@
+---
+title: "Facebook"
+redirect: "https://www.facebook.com/michael.rausch123/"
+---
diff --git a/src/content/redirects/github/index.md b/src/content/redirects/github/index.md
new file mode 100644
index 0000000..ae60fb4
--- /dev/null
+++ b/src/content/redirects/github/index.md
@@ -0,0 +1,4 @@
+---
+title: "Github"
+redirect: "https://github.com/michaelrausch"
+---
diff --git a/src/content/redirects/instagram/index.md b/src/content/redirects/instagram/index.md
new file mode 100644
index 0000000..8a150ff
--- /dev/null
+++ b/src/content/redirects/instagram/index.md
@@ -0,0 +1,4 @@
+---
+title: "Instagram"
+redirect: "https://www.instagram.com/michaelnz_"
+---
diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro
index c5d2156..8501422 100644
--- a/src/layouts/PageLayout.astro
+++ b/src/layouts/PageLayout.astro
@@ -7,15 +7,16 @@ import { SITE } from "@consts";
 type Props = {
   title: string;
   description: string;
+  redirect?: string;
 };
 
-const { title, description } = Astro.props;
+const { title, description, redirect } = Astro.props;
 ---
 
 <!doctype html>
 <html lang="en">
   <head>
-    <Head title={`${title} | ${SITE.NAME}`} description={description} />
+    <Head title={`${title} | ${SITE.NAME}`} description={description} redirect={redirect}/>
   </head>
   <body>
     <Header />
diff --git a/src/pages/go/[...slug].astro b/src/pages/go/[...slug].astro
new file mode 100644
index 0000000..0145832
--- /dev/null
+++ b/src/pages/go/[...slug].astro
@@ -0,0 +1,23 @@
+---
+import { type CollectionEntry, getCollection } from "astro:content";
+import PageLayout from "@layouts/PageLayout.astro";
+
+export async function getStaticPaths() {
+  const redirects = (await getCollection("redirects"))
+
+  return redirects.map((redirect) => ({
+    params: { slug: redirect.slug },
+    props: redirect,
+  }));
+}
+type Props = CollectionEntry<"redirects">;
+
+const redirect = Astro.props;
+const { Content } = await redirect.render();
+---
+
+<PageLayout title={redirect.data.title} description={redirect.data.title} redirect={redirect.data.redirect}>
+    <div class="text-center mt-10">
+        <p class="text-xl">Redirecting to {redirect.data.title}...</p>
+    </div>
+</PageLayout>
\ No newline at end of file
diff --git a/src/pages/go/index.astro b/src/pages/go/index.astro
new file mode 100644
index 0000000..5868b82
--- /dev/null
+++ b/src/pages/go/index.astro
@@ -0,0 +1,9 @@
+---
+import PageLayout from "@layouts/PageLayout.astro";
+
+const redirect = "/"
+---
+
+<PageLayout title="Redirect..." description="Redirect" redirect={redirect}>
+    
+</PageLayout>
\ No newline at end of file
