diff --git a/app/global.d.ts b/app/global.d.ts
index a0c8778..6d6eb25 100644
--- a/app/global.d.ts
+++ b/app/global.d.ts
@@ -2,13 +2,14 @@ import {} from "hono";
 
 type Head = {
   title?: string;
+  description?: string;
 };
 
 declare module "hono" {
   interface ContextRenderer {
     (
       content: string | Promise<string>,
-      head?: Head & { frontmatter?: Head },
+      head?: Head & { frontmatter?: Head; description?: string },
     ): Response | Promise<Response>;
   }
 }
diff --git a/app/routes/posts/_renderer.tsx b/app/routes/posts/_renderer.tsx
index 0c42902..c820b2a 100644
--- a/app/routes/posts/_renderer.tsx
+++ b/app/routes/posts/_renderer.tsx
@@ -2,7 +2,10 @@ import { jsxRenderer } from "hono/jsx-renderer";
 
 export default jsxRenderer(({ children, Layout, frontmatter }) => {
   return (
-    <Layout title={`${frontmatter?.title} | yossy.dev`}>
+    <Layout
+      title={`${frontmatter?.title} | yossy.dev`}
+      description={frontmatter?.description}
+    >
       <div class="markdown">{children}</div>
     </Layout>
   );