feat: add social media preview

Author: wrongbyte

src/pages/posts/[slug].tsx

@@ -19,6 +19,16 @@ const Post = (props: PostModel) => {
                 <title>{props.title}</title>
                 <meta name="description" content="my site" />
                 <link rel="shortcut icon" href="favicon.ico" />
+                <meta
+                    property="og:title"
+                    content={props.title}
+                />
+                <meta name="twitter:card" content="summary" />
+                <meta
+                    property="og:description"
+                    content={props.description}
+                />
+                <meta property="og:image" content="https://pbs.twimg.com/media/FMfaMdVUYAAtgp2?format=jpg&name=large" />
             </Head>
 
             <article>

src/types/Post.ts

@@ -2,6 +2,7 @@ import type { MDXRemoteSerializeResult } from 'next-mdx-remote';
 
 export interface PostModel {
     title: string
+    description: string
     date: Date
     slug: string
     source: MDXRemoteSerializeResult