initial commit

components/utils/SEO.tsx

@@ -0,0 +1,35 @@
+import { RSSFeedLink } from "@/consts/consts";
+import { Config } from "@/data/config";
+import { NextSeo } from "next-seo";
+
+export const SEO = (props: { title: string; description?: string | null; coverURL?: string | null }) => {
+  return (
+    <>
+      <title>{props.title}</title>
+      <link rel="alternate" type="application/rss+xml" href={RSSFeedLink} />
+      <NextSeo
+        title={props.title}
+        description={props.description ?? undefined}
+        openGraph={{
+          title: props.title,
+          description: props.description ?? undefined,
+          images: props.coverURL
+            ? [
+                {
+                  url: props.coverURL,
+                  width: 850,
+                  height: 650,
+                  alt: props.title,
+                },
+              ]
+            : [],
+        }}
+        twitter={{
+          handle: `@${Config.SocialLinks.twitter}`,
+          site: Config.SiteDomain,
+          cardType: "summary_large_image",
+        }}
+      />
+    </>
+  );
+};