From 54a7cc9cf7cbcf1b3ff838af98d4c2143d7aa84d Mon Sep 17 00:00:00 2001
From: Juri <juri.strumpflohner@gmail.com>
Date: Sat, 1 Feb 2025 08:34:07 +0100
Subject: [PATCH] fix(nx-dev): update blog metadata to include the post
 descriptions

---
 nx-dev/nx-dev/app/blog/[slug]/page.tsx  |  2 +-
 nx-dev/ui-blog/src/lib/blog-details.tsx | 26 +------------------------
 2 files changed, 2 insertions(+), 26 deletions(-)

diff --git a/nx-dev/nx-dev/app/blog/[slug]/page.tsx b/nx-dev/nx-dev/app/blog/[slug]/page.tsx
index 55a5cd148beace..3ffd23d03cddee 100644
--- a/nx-dev/nx-dev/app/blog/[slug]/page.tsx
+++ b/nx-dev/nx-dev/app/blog/[slug]/page.tsx
@@ -17,7 +17,7 @@ export async function generateMetadata(
 
   return {
     title: `${post.title} | Nx Blog`,
-    description: 'Latest news from the Nx & Nx Cloud core team',
+    description: post.description,
     openGraph: {
       url: `https://nx.dev/blog/${slug}`,
       title: post.title,
diff --git a/nx-dev/ui-blog/src/lib/blog-details.tsx b/nx-dev/ui-blog/src/lib/blog-details.tsx
index dec23f9ff6cb5b..23affa98e1df83 100644
--- a/nx-dev/ui-blog/src/lib/blog-details.tsx
+++ b/nx-dev/ui-blog/src/lib/blog-details.tsx
@@ -11,26 +11,6 @@ export interface BlogDetailsProps {
   post: BlogPostDataEntry;
 }
 
-export async function generateMetadata({ post }: BlogDetailsProps) {
-  return {
-    title: post.title,
-    description: post.description,
-    openGraph: {
-      images: [
-        {
-          url: post.cover_image
-            ? `https://nx.dev${post.cover_image}`
-            : 'https://nx.dev/socials/nx-media.png',
-          width: 800,
-          height: 421,
-          alt: 'Nx: Smart Monorepos · Fast CI',
-          type: 'image/jpeg',
-        },
-      ],
-    },
-  };
-}
-
 export function BlogDetails({ post }: BlogDetailsProps) {
   const { node } = renderMarkdown(post.content, {
     filePath: post.filePath ?? '',
@@ -79,11 +59,7 @@ export function BlogDetails({ post }: BlogDetailsProps) {
           </div>
         ) : post.youtubeUrl ? (
           <div className="mx-auto mb-16 w-full max-w-screen-md">
-            <YouTube
-              src={post.youtubeUrl}
-              title={post.title}
-              caption={post.description}
-            />
+            <YouTube src={post.youtubeUrl} title={post.title} />
           </div>
         ) : (
           post.cover_image && (