Improve og:images

haydenbleasel · Nov 20, 2024 · e8a7d5f · e8a7d5f
1 parent ce48f64
commit e8a7d5f
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 0 deletions.
diff --git a/app/[[...slug]]/page.tsx b/app/[[...slug]]/page.tsx
@@ -63,9 +63,21 @@ export const generateMetadata = async ({ params }: PageProps) => {
     notFound();
   }
 
+  const components = ['calendar', 'gantt', 'kanban', 'list', 'table'];
+
   return {
     title: page.data.title,
     description: page.data.description,
+    openGraph: {
+      images:
+        slug && components.includes(slug[0])
+          ? [
+              {
+                url: `/og/${slug[0]}.png`,
+              },
+            ]
+          : undefined,
+    },
   } satisfies Metadata;
 };
 

diff --git a/app/opengraph-image.png b/app/opengraph-image.png
diff --git a/public/og/calendar.png b/public/og/calendar.png
diff --git a/public/og/gantt.png b/public/og/gantt.png
diff --git a/public/og/kanban.png b/public/og/kanban.png
diff --git a/public/og/list.png b/public/og/list.png
diff --git a/public/og/table.png b/public/og/table.png