refactor: use a DefaultSEO object for common pages metadata

desmos-labs · Sep 20, 2023 · aa5bf9f · aa5bf9f
1 parent d5ff1ae
commit aa5bf9f
Show file tree

Hide file tree

Showing 5 changed files with 43 additions and 33 deletions.
diff --git a/public/cover.png b/public/cover.png
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -3,39 +3,10 @@ import React from "react";
 import Image from "next/image";
 import Link from "next/link";
 import mockupImage from "../../public/mockup-image-mobile.webp";
+import DefaultSEO from "@/seo";
 
 export const metadata = {
-  title: "Bondscape",
-  description: "Create real bonds with engaging event experiences",
-  alternates: {
-    canonical: "/",
-    languages: {
-      "en-US": "/en-US",
-    },
-  },
-  openGraph: {
-    type: "website",
-    url: "https://bondscape.app/",
-    title: "Bondscape",
-    description: "Create real bonds with engaging event experiences",
-    images: [
-      {
-        url: "https://bondscape.app/bondscapeLogo.png",
-        width: 500,
-        height: 100,
-        alt: "Bondscape logo picture",
-        type: "image/png",
-      },
-    ],
-    siteName: "Bondscape",
-  },
-  twitter: {
-    creator: "@bondscape",
-    card: "summary_large_image",
-    title: "Bondscape",
-    description: "Create real bonds with engaging event experiences",
-  },
-  keywords: ["Desmos", "Event", "Crypto"],
+  ...DefaultSEO,
 };
 
 export default function Home() {

diff --git a/src/app/privacy/page.tsx b/src/app/privacy/page.tsx
@@ -1,8 +1,10 @@
 import React from "react";
 import MainLayout from "@/layouts/MainLayout";
+import DefaultSEO from "@/seo";
 
 export const metadata = {
-  title: "Bondscape | Privacy Policy",
+  ...DefaultSEO,
+  title: "Privacy Policy | Bondscape",
 };
 
 export default function Privacy() {

diff --git a/src/app/seo/index.ts b/src/app/seo/index.ts
@@ -0,0 +1,35 @@
+const DefaultSEO = {
+  title: "Bondscape",
+  description: "Create real bonds with engaging event experiences",
+  alternates: {
+    canonical: "/",
+    languages: {
+      "en-US": "/en-US",
+    },
+  },
+  openGraph: {
+    type: "website",
+    url: "https://bondscape.app/",
+    title: "Bondscape",
+    description: "Create real bonds with engaging event experiences",
+    images: [
+      {
+        url: "https://bondscape.app/cover.png",
+        width: 1500,
+        height: 500,
+        alt: "Bondscape cover picture",
+        type: "image/png",
+      },
+    ],
+    siteName: "Bondscape",
+  },
+  twitter: {
+    creator: "@bondscape",
+    card: "summary_large_image",
+    title: "Bondscape",
+    description: "Create real bonds with engaging event experiences",
+  },
+  keywords: ["Events", "Experiences", "Web3", "Bondscape", "Desmos"],
+}
+
+export default DefaultSEO;
diff --git a/src/app/terms/page.tsx b/src/app/terms/page.tsx
@@ -2,9 +2,11 @@
 
 import React from "react";
 import MainLayout from "@/layouts/MainLayout";
+import DefaultSEO from "@/seo";
 
 export const metadata = {
-  title: "Bondscape | Terms of Service",
+  ...DefaultSEO,
+  title: "Terms of Service | Bondscape",
 };
 
 export default function Terms() {