Merge pull request #41 from Han5991/feature/og

feat: OG 이미지 개선 (커스텀 썸네일 지원)

Author: Han5991

apps/blog/web/lib/posts.ts

@@ -12,6 +12,7 @@ export interface PostData {
   date: string | null;
   content: string;
   excerpt?: string;
+  thumbnail?: string;
 }
 
 export function getAllPosts(): PostData[] {
@@ -53,6 +54,7 @@ export function getAllPosts(): PostData[] {
           date: data.date || null,
           content,
           excerpt: data.excerpt || cleanContent.slice(0, 160) + '...',
+          thumbnail: typeof data.thumbnail === 'string' ? data.thumbnail : undefined,
         });
       }
     }

apps/blog/web/public/og-default.png

@@ -42,10 +42,14 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
       publishedTime: post.date || undefined,
       images: [
         {
-          url: '/og-default.svg',
+          url: post.thumbnail
+            ? post.thumbnail.startsWith('http') || post.thumbnail.startsWith('/')
+              ? post.thumbnail
+              : `/posts/${post.relativeDir ? post.relativeDir + '/' : ''}${post.thumbnail}`
+            : '/og-default.png',
           width: 1200,
           height: 630,
-          alt: 'FE Lab Blog - Frontend Experimentation',
+          alt: post.title,
         },
       ],
     },