From be2885f98bb986f07b43ea66e1f1446c5141e57c Mon Sep 17 00:00:00 2001
From: Caner Akdas <canerakdas@gmail.com>
Date: Fri, 26 Dec 2025 16:31:19 +0300
Subject: [PATCH] feat: og image and meta description

---
 src/generators/web/template.html        | 4 ++++
 src/generators/web/utils/processing.mjs | 6 ++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/generators/web/template.html b/src/generators/web/template.html
index 049f4ba2..ea6fd299 100644
--- a/src/generators/web/template.html
+++ b/src/generators/web/template.html
@@ -6,7 +6,11 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <link rel="icon" href="https://nodejs.org/static/images/favicons/favicon.png"/>
   <title>{{title}}</title>
+  <meta name="description" content="Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.">
   <link rel="stylesheet" href="styles.css" />
+  <meta property="og:title" content="{{title}}">
+  <meta property="og:description" content="Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.">
+  <meta property="og:image" content="https://nodejs.org/en/next-data/og/announcement/{{ogTitle}}" />
 
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
diff --git a/src/generators/web/utils/processing.mjs b/src/generators/web/utils/processing.mjs
index fb017dd7..998d7590 100644
--- a/src/generators/web/utils/processing.mjs
+++ b/src/generators/web/utils/processing.mjs
@@ -111,14 +111,16 @@ export async function processJSXEntries(
   // Step 3: Create final HTML (could be parallelized in workers)
   const results = entries.map(({ data: { api, heading } }) => {
     const fileName = `${api}.js`;
+    const title = `${heading.data.name} | ${titleSuffix}`;
 
     // Replace template placeholders with actual content
     const renderedHtml = template
-      .replace('{{title}}', `${heading.data.name} | ${titleSuffix}`)
+      .replace('{{title}}', title)
       .replace('{{dehydrated}}', serverBundle.pages.get(fileName) ?? '')
       .replace('{{importMap}}', clientBundle.importMap ?? '')
       .replace('{{entrypoint}}', `./${fileName}?${randomUUID()}`)
-      .replace('{{speculationRules}}', SPECULATION_RULES);
+      .replace('{{speculationRules}}', SPECULATION_RULES)
+      .replace('{{ogTitle}}', encodeURIComponent(title));
 
     // Minify HTML (input must be a Buffer)
     const finalHTMLBuffer = HTMLMinifier.minify(Buffer.from(renderedHtml), {});