From 2b28ac25c823d191f79305e8ce08c06f83f702c1 Mon Sep 17 00:00:00 2001
From: trash07 <mmkpeto5@gmail.com>
Date: Sun, 1 Mar 2026 14:15:43 -0500
Subject: [PATCH 1/2] feat: update SEO

---
 src/components/PostSeo.jsx                    | 39 +++++++++++++++++++
 .../blog-posts/{mdx.frontmatter__slug}.jsx    |  8 +++-
 2 files changed, 46 insertions(+), 1 deletion(-)
 create mode 100644 src/components/PostSeo.jsx

diff --git a/src/components/PostSeo.jsx b/src/components/PostSeo.jsx
new file mode 100644
index 0000000..8d586a9
--- /dev/null
+++ b/src/components/PostSeo.jsx
@@ -0,0 +1,39 @@
+import * as React from 'react';
+
+export function PostOgpSeo({ frontmatter }) {
+  return (
+    <>
+      <meta property="og:title" content={frontmatter.title} />
+      <meta property="og:type" content="article" />
+      <meta property="article:published_time" content={frontmatter.date} />
+      <meta property="article:author" content={frontmatter.author} />
+    </>
+  );
+}
+
+export function PostTwitterSeo({ frontmatter }) {
+  return (
+    <>
+      <meta name="twitter:card" content="summary_large_image" />
+      <meta name="twitter:site" content="@lkpeto" />
+      <meta name="twitter:title" content={frontmatter.title} />
+      <meta
+        name="twitter:description"
+        content="Senior Selachimorpha at DigitalOcean"
+      />
+      <meta
+        name="twitter:image"
+        content="https://html.sammy-codes.com/images/large-profile.jpg"
+      />
+    </>
+  );
+}
+
+export function PostSeo({ frontmatter }) {
+  return (
+    <>
+      <PostOgpSeo frontmatter={frontmatter} />
+      <PostTwitterSeo frontmatter={frontmatter} />
+    </>
+  );
+}
diff --git a/src/pages/blog-posts/{mdx.frontmatter__slug}.jsx b/src/pages/blog-posts/{mdx.frontmatter__slug}.jsx
index 061142e..1decaef 100644
--- a/src/pages/blog-posts/{mdx.frontmatter__slug}.jsx
+++ b/src/pages/blog-posts/{mdx.frontmatter__slug}.jsx
@@ -1,9 +1,15 @@
 import * as React from 'react';
 import { PostLayout } from '../../components/PostLayout';
+import { PostSeo } from '../../components/PostSeo';
 
 export const Head = ({ pageContext }) => {
   const { frontmatter } = pageContext;
-  return <title>{frontmatter.title}</title>;
+  return (
+    <>
+      <title>{frontmatter.title}</title>
+      <PostSeo frontmatter={frontmatter} />
+    </>
+  );
 };
 
 export default function PostPage({ pageContext, children }) {

From ef187a374990bf3ccf64578099dac5fc3bc1cb97 Mon Sep 17 00:00:00 2001
From: trash07 <mmkpeto5@gmail.com>
Date: Sun, 1 Mar 2026 14:26:59 -0500
Subject: [PATCH 2/2] feat: update OGP tags

---
 src/components/PostSeo.jsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/PostSeo.jsx b/src/components/PostSeo.jsx
index 8d586a9..edaff59 100644
--- a/src/components/PostSeo.jsx
+++ b/src/components/PostSeo.jsx
@@ -7,6 +7,11 @@ export function PostOgpSeo({ frontmatter }) {
       <meta property="og:type" content="article" />
       <meta property="article:published_time" content={frontmatter.date} />
       <meta property="article:author" content={frontmatter.author} />
+      <meta
+        property="og:image"
+        content="https://html.sammy-codes.com/images/large-profile.jpg"
+      />
+      <meta property="og:description" content="A one sentence description" />
     </>
   );
 }