Dynamic SEO tags (#75)

* Add dynamic metadata for SEO
codu-code · Oct 24, 2022 · 609252f · 609252f
1 parent 6d283db
commit 609252f
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/pages/articles/[slug].tsx b/pages/articles/[slug].tsx
@@ -20,6 +20,18 @@ const ArticlePage: NextPage = ({
     <>
       <Head>
         <title>Codú | {post.title}</title>
+        <meta key="og:title" property="og:title" content={post.title} />
+        <meta
+          key="og:description"
+          property="og:description"
+          content={post.excerpt}
+        />
+        <meta key="description" property="description" content={post.excerpt} />
+        <meta property="og:type" content="article" />
+        <meta
+          property="og:url"
+          content={`https://codu.co/articles/${post.slug}`}
+        />
       </Head>
       <Layout>
         <div className="border-t-2">
@@ -65,6 +77,8 @@ export const getServerSideProps = async (
       id: true,
       title: true,
       body: true,
+      excerpt: true,
+      slug: true,
       user: {
         select: {
           name: true,