From 1edfe9548dcf34399b6876595101d3acc710c020 Mon Sep 17 00:00:00 2001
From: Ephraim Atta-Duncan <ephraimduncan68@gmail.com>
Date: Wed, 30 Aug 2023 02:50:02 +0000
Subject: [PATCH] feat: add og image to blog posts

---
 apps/marketing/src/app/(marketing)/blog/[post]/page.tsx | 7 ++++++-
 apps/marketing/src/pages/api/blog-og/index.tsx          | 4 +++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/marketing/src/app/(marketing)/blog/[post]/page.tsx b/apps/marketing/src/app/(marketing)/blog/[post]/page.tsx
index 5192dec32..7cfe0b61a 100644
--- a/apps/marketing/src/app/(marketing)/blog/[post]/page.tsx
+++ b/apps/marketing/src/app/(marketing)/blog/[post]/page.tsx
@@ -17,7 +17,12 @@ export const generateMetadata = ({ params }: { params: { post: string } }) => {
     notFound();
   }
 
-  return { title: `Documenso - ${blogPost.title}` };
+  return {
+    title: `Documenso - ${blogPost.title}`,
+    openGraph: {
+      images: [`/api/blog-og?title=${blogPost.title}`],
+    },
+  };
 };
 
 const mdxComponents: MDXComponents = {
diff --git a/apps/marketing/src/pages/api/blog-og/index.tsx b/apps/marketing/src/pages/api/blog-og/index.tsx
index a9cecd696..d9fc573ae 100644
--- a/apps/marketing/src/pages/api/blog-og/index.tsx
+++ b/apps/marketing/src/pages/api/blog-og/index.tsx
@@ -145,7 +145,9 @@ export default async function handler(req: NextRequest) {
           />
         </svg>
 
-        <h1 tw="text-6xl mt-4 w-3/5 font-bold text-center">{title}</h1>
+        <h1 tw="text-6xl flex justify-center items-center mt-8 -mb-6 w-3/5 font-bold text-center mx-auto">
+          {title}
+        </h1>
       </div>
     ),
     {