style(site): 블로그 썸네일과 홈 슬로건 개편

index.html

@@ -14,17 +14,17 @@
     <meta property="og:url" content="https://dev.devy.dev" />
     <meta property="og:type" content="website" />
     <meta property="og:site_name" content="Devy Archive" />
-    <meta property="og:image" content="https://dev.devy.dev/og-image.png?v=20260610" />
+    <meta property="og:image" content="https://dev.devy.dev/og-image.png?v=20260922-4" />
     <meta property="og:image:width" content="1200" />
     <meta property="og:image:height" content="630" />
-    <meta property="og:image:alt" content="Devy Archive preview image" />
+    <meta property="og:image:alt" content="Behind the code. — Engineering notes by Devy" />
     <meta property="og:locale" content="ko_KR" />
     <link rel="canonical" href="https://dev.devy.dev" />
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="Devy Archive" />
     <meta name="twitter:description" content="Devy의 개발과 운영 기록을 문제 해결 중심으로 모아둔 아카이브입니다." />
-    <meta name="twitter:image" content="https://dev.devy.dev/og-image.png?v=20260610" />
-    <meta name="twitter:image:alt" content="Devy Archive preview image" />
+    <meta name="twitter:image" content="https://dev.devy.dev/og-image.png?v=20260922-4" />
+    <meta name="twitter:image:alt" content="Behind the code. — Engineering notes by Devy" />
     <link rel="alternate" type="application/rss+xml" title="Devy Archive RSS" href="https://dev.devy.dev/rss.xml" />
     <link rel="sitemap" type="application/xml" title="Sitemap" href="https://dev.devy.dev/sitemap.xml" />
     <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" />

src/entry-server.tsx

@@ -29,7 +29,7 @@ export interface PrerenderRoute {
 }
 
 const BASE_URL = "https://dev.devy.dev"
-const OG_IMAGE_URL = `${BASE_URL}/og-image.png?v=20260610`
+const OG_IMAGE_URL = `${BASE_URL}/og-image.png?v=20260922-4`
 
 function markdownToText(md: string) {
   return md

src/hooks/useMetaTags.ts

@@ -16,8 +16,8 @@ interface MetaTagsOptions {
 }
 
 const BASE_URL = "https://dev.devy.dev"
-const OG_IMAGE_URL = `${BASE_URL}/og-image.png?v=20260610`
-const OG_IMAGE_ALT = "Devy Archive preview image"
+const OG_IMAGE_URL = `${BASE_URL}/og-image.png?v=20260922-4`
+const OG_IMAGE_ALT = "Behind the code. — Engineering notes by Devy"
 
 function toCanonicalUrl(path?: string) {
   if (!path) return BASE_URL

src/i18n/translations.ts

@@ -15,6 +15,7 @@ export interface Translations {
     viewAll: string
   }
   home: {
+    title: string
     subtitle: string
     viewPosts: string
     introduction: string
@@ -232,7 +233,8 @@ export const ko: Translations = {
     viewAll: "전체 보기",
   },
   home: {
-    subtitle: "백엔드 개발과 플랫폼 운영에서 마주한 문제, 선택, 해결 과정을 기록합니다.",
+    title: "Behind the code.",
+    subtitle: "백엔드와 인프라를 만들고 운영하며 배운 것들을 기록합니다.",
     viewPosts: "글 목록 보기",
     introduction: "소개",
     popularPosts: "인기 글",
@@ -449,7 +451,8 @@ export const en: Translations = {
     viewAll: "View All",
   },
   home: {
-    subtitle: "Notes on backend engineering, platform operations, and the decisions behind them.",
+    title: "Behind the code.",
+    subtitle: "Notes on building and operating backends and infrastructure.",
     viewPosts: "View Posts",
     introduction: "About",
     popularPosts: "Popular Posts",

src/pages/HomePage.tsx

@@ -45,7 +45,7 @@ export function HomePage() {
       {/* Hero */}
       <section className="mb-10 animate-in fade-in slide-in-from-bottom-4 duration-500 fill-mode-backwards">
         <h1 className="text-4xl font-bold tracking-tight mb-2">
-          {t.meta.siteName}
+          {t.home.title}
         </h1>
         <p className="text-muted-foreground">
           {t.home.subtitle}