feat: 베너 및 ogImage 추가

depromeet · Aug 19, 2024 · d479cc7 · d479cc7
1 parent 3150888
commit d479cc7
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/apps/tech-blog/next.config.js b/apps/tech-blog/next.config.js
@@ -14,6 +14,10 @@ const nextConfig = {
         protocol: 'https',
         hostname: 'static.toss.im', // NOTE: 테스트를 위해 추가합니다.
       },
+      {
+        protocol: 'https',
+        hostname: 'file.moring.one',
+      },
     ],
   },
 };

diff --git a/apps/tech-blog/pages/index.mdx b/apps/tech-blog/pages/index.mdx
@@ -1,10 +1,7 @@
 import { SummaryCard } from '@/../components';
 import { articles } from '@/../constants';
 
-<img
-  src="https://resources-fe.toss.im/image-optimize/width=2048,quality=75/https%3A%2F%2Fstatic.toss.im%2Fassets%2Fpayments%2Fcontents%2Ftoss-tech-banner2_.png"
-  style={{ borderRadius: '8px' }}
-/>
+<img src="https://file.moring.one/defaults/banner.png" style={{ borderRadius: '8px' }} />
 
 <div>
   {articles.map((ariticle) => (

diff --git a/apps/tech-blog/theme.config.jsx b/apps/tech-blog/theme.config.jsx
@@ -4,12 +4,10 @@ export default {
       <title>삼봤드의 모험 팀 기술 블로그</title>
       <link rel="icon" href="/favicon.ico" />
       <meta name="description" content="삼봤드의 모험 팀의 개발과 디자인에 대한 이야기를 다룹니다." />
+      <meta property="og:title" content="삼봤드의 모험 팀 기술 블로그" />
+      <meta property="og:description" content="삼봤드의 모험 팀의 개발과 디자인에 대한 이야기를 다룹니다." />
+      <meta property="og:image" content="https://file.moring.one/defaults/og-image.png" />
     </>
   ),
-  useNextSeoProps: () => ({
-    openGraph: {
-      images: [{ url: '' }],
-    },
-  }),
   footer: '',
 };