feat(seo): add og:image to post metadata

src/app/(blog)/post/[slug]/og/route.tsx

@@ -16,8 +16,6 @@ export async function GET(
     return NextResponse.json({ error: 'Post not found' }, { status: 404 })
   }
 
-  console.log()
-
   return new ImageResponse(
     (
       <div

src/app/(blog)/post/[slug]/page.tsx

@@ -7,6 +7,7 @@ import { useMDXComponent } from 'next-contentlayer/hooks'
 import { allPosts, type Post } from 'contentlayer/generated'
 
 import { slug } from '@/shared/lib/slug'
+import { host } from '@/shared/lib/webserver-constants'
 import { Folder, CalendarBlank, Clock, Tag } from '@/shared/lib/phosphor-icons'
 import { Date } from '@/shared/components/date'
 import { TopButton } from './components/top-button'
@@ -31,7 +32,12 @@ export function generateMetadata({ params }: Props): Metadata {
       tags: post.tags.split(',').map(tag => tag.trim()),
       authors: 'Mateus Felipe Gonçalves <[email protected]>',
       type: 'article',
-      url: `https://mfg-b.vercel.app/post/${params.slug}`
+      url: `https://mfg-b.vercel.app/post/${params.slug}`,
+      images: {
+        url: `${host}/post/${post.id}/og`,
+        width: 1200,
+        height: 630
+      }
     }
   }
 }