🤔 try ogimage

yuancong-liu · Nov 19, 2023 · 238cdd3 · 238cdd3 · vercel · Nov 19, 2023
1 parent fffd351
commit 238cdd3
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/src/app/blog/[slug]/page.tsx b/src/app/blog/[slug]/page.tsx
@@ -10,6 +10,11 @@ import styles from './index.module.scss';
 export const metadata: Metadata = {
   title: 'ㅇㅇㅊ',
   description: 'ㅇㅇㅊ',
+  openGraph: {
+    title: 'ㅇㅇㅊ',
+    description: 'ㅇㅇㅊ',
+    type: 'website',
+  },
 };
 
 type Props = {
@@ -21,6 +26,20 @@ const PostPage = async ({ params }: Props) => {
 
   const { post } = await getPost({ slug: params.slug });
 
+  metadata.openGraph = {
+    title: post.title,
+    type: 'website',
+    url: `${process.env.NEXT_PUBLIC_SITE_URL}${post.slug}`,
+    images: [
+      {
+        url: `${process.env.NEXT_PUBLIC_SITE_URL}/opengraph-image/`,
+        width: 1200,
+        height: 630,
+        alt: post.title,
+      },
+    ],
+  };
+
   const getDateString = (date: string) => {
     const dateObj = new Date(date);
     return `${dateObj.getFullYear()}/${dateObj.getMonth() + 1}/${