refactor: use metadata export for seo

2023-07-08 21:03:46 +08:00
parent 1dfa80e8bd
commit b6dac68f61
10 changed files with 227 additions and 91 deletions
--- a/app/seo.tsx
+++ b/app/seo.tsx
@@ -0,0 +1,28 @@
+import { Metadata } from 'next'
+import siteMetadata from '@/data/siteMetadata'
+
+interface PageSEOProps {
+  title: string
+  description?: string
+  image?: string
+}
+
+export function genPageMetadata({ title, description, image }: PageSEOProps): Metadata {
+  return {
+    title,
+    openGraph: {
+      title: `${title} | ${siteMetadata.title}`,
+      description: description || siteMetadata.description,
+      url: './',
+      siteName: siteMetadata.title,
+      images: image ? [image] : [siteMetadata.socialBanner],
+      locale: 'en_US',
+      type: 'website',
+    },
+    twitter: {
+      title: `${title} | ${siteMetadata.title}`,
+      card: 'summary_large_image',
+      images: image ? [image] : [siteMetadata.socialBanner],
+    },
+  }
+}