Update index.js

suhanw · Jan 18, 2025 · dccd60b · dccd60b
1 parent e1daf2b
commit dccd60b
Showing 1 changed file with 24 additions and 1 deletion.
diff --git a/pages/auteur-preview/index.js b/pages/auteur-preview/index.js
@@ -13,10 +13,33 @@ export default () => {
       .catch((err) => console.error(err));
   }, []);
 
+  const metaTitle = "auteur by Suhan Wijaya";
+  const metaDescription =
+    "Auteur is a full-stack blogging app inspired by Tumblr. Express.js backend, MongoDB, and React.js with Redux framework.";
+  const metaImage = "https://www.suhanwijaya.com/images/auteur-carousel.gif";
+  const metaUrl = "https://www.suhanwijaya.com/auteur-preview";
+
   return (
     <Layout>
       <Head>
-        <title>Auteur Preview</title>
+        {/* Primary Meta Tags */}
+        <title>{metaTitle}</title>
+        <meta name="viewport" content="initial-scale=1.0, width=device-width" />
+        <meta name="title" content={metaTitle} />
+        <meta name="description" content={metaDescription} />
+
+        {/* Open Graph / Facebook */}
+        <meta property="og:type" content="website" />
+        <meta property="og:url" content={metaUrl} />
+        <meta property="og:title" content={metaTitle} />
+        <meta property="og:description" content={metaDescription} />
+        <meta property="og:image" content={metaImage} />
+
+        {/* Twitter */}
+        <meta name="twitter:title" content={metaTitle} />
+        <meta name="twitter:description" content={metaDescription} />
+        <meta name="twitter:image" content={metaImage} />
+        <meta name="twitter:card" content="summary_large_image" />
       </Head>
       <article className={style.contentWrapper}>
         <h1>Auteur</h1>