feat: add more og meta tags

wrongbyte · wrongbyte · commit 620bbb1785a8 · 2022-07-07T17:33:59.000-03:00
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,30 +1,44 @@
-import type { GetStaticProps } from 'next';
-import type { PostPreview } from '../types/PostPreview';
-import Head from 'next/head';
-import Preview from '../components/Preview';
-import postList from '../lib/getPosts';
+import type { GetStaticProps } from "next";
+import type { PostPreview } from "../types/PostPreview";
+import Head from "next/head";
+import Preview from "../components/Preview";
+import postList from "../lib/getPosts";
 
 const Home = (postList: { posts: [PostPreview] }) => {
   return (
     <>
       <Head>
         <title>wb&#39;s blog</title>
         <meta name="description" content="my site" />
+        <link rel="icon" href="favicon.ico" />
+        <link rel="shortcut icon" href="favicon.ico" />
+        <meta property="og:title" content="wrongbyte.github.io" />
+        <meta property="og:description" content="my random tech stuff" />
+        <meta
+          property="og:image"
+          content="https://pbs.twimg.com/media/FMfaMdVUYAAtgp2?format=jpg&name=large"
+        />
+        <meta name="twitter:title" content="wrongbyte.github.io" />
+        <meta name="twitter:description" content="my random tech stuff" />
+        <meta
+          name="twitter:image"
+          content="https://pbs.twimg.com/media/FMfaMdVUYAAtgp2?format=jpg&name=large"
+        />
       </Head>
       <section>
         {postList.posts.map((post) => (
           <Preview
-          key={post.title}
-          description={post.description}
-          title={post.title}
-          date={post.date}
-          slug={post.slug}
+            key={post.title}
+            description={post.description}
+            title={post.title}
+            date={post.date}
+            slug={post.slug}
           />
         ))}
       </section>
     </>
-  )
-}
+  );
+};
 
 export const getStaticProps: GetStaticProps = async (context) => {
   return {
@@ -33,10 +47,10 @@ export const getStaticProps: GetStaticProps = async (context) => {
         title: post.title,
         description: post.description,
         date: post.date.toDateString(),
-        slug: post.slug
-      }))
-    }
-  }
-}
+        slug: post.slug,
+      })),
+    },
+  };
+};
 
-export default Home
+export default Home;
diff --git a/src/pages/posts/[slug].tsx b/src/pages/posts/[slug].tsx
@@ -18,17 +18,15 @@ const Post = (props: PostModel) => {
             <Head>
                 <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" />
+                <link rel="icon" href="favicon.ico"/>
+                <link rel="shortcut icon" href="favicon.ico"/>
+                <meta property="og:title" content={props.title}/>
+                <meta property="og:description" content={props.description}/>
+                <meta property="og:image" content="https://pbs.twimg.com/media/FMfaMdVUYAAtgp2?format=jpg&name=large"/>
+                <meta name="twitter:card" content={props.description}/>
+                <meta name="twitter:title" content={props.title}/>
+                <meta name="twitter:description" content={props.description}/>
+                <meta name="twitter:image" content="https://pbs.twimg.com/media/FMfaMdVUYAAtgp2?format=jpg&name=large"/>
             </Head>
             
             <article>
