one more attempt to set OG

iiitv · Jul 31, 2024 · 71b5510 · 71b5510 · github-actions · Jul 31, 2024
1 parent 790efb7
commit 71b5510
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 21 deletions.
diff --git a/src/app/home/layout.tsx b/src/app/home/layout.tsx
@@ -1,29 +1,29 @@
 import React from 'react';
 import Navbar from "@/components/navbar"
 import Footer from "@/components/footer"
-import Head from 'next/head';
+import type { Metadata } from "next";
 
 
 interface RootLayoutProps {
   children: React.ReactNode;
 }
 
+export const metadata: Metadata = {
+  title: "Coding Club IIITV",
+  description: "IIITV Coding Club Community Website | Workshops | Mentorship | Community",
+  openGraph: {
+    title: 'Coding Club IIITV',
+    description: 'IIITV Coding Club Community Website | Workshops | Mentorship | Community',
+    images: ["https://iiitvcc.vercel.app/LinkPreview.png"],
+    type: 'website',
+    locale: 'en_IN',
+    url: 'https://iiitvcc.vercel.app',
+  },
+};
+
 export default function RootLayout({ children } : RootLayoutProps) {
   return (
     <>
-        <Head>
-        <meta charSet="utf-8" />
-        <meta
-          name="viewport"
-          content="width=device-width, initial-scale=1, shrink-to-fit=no"
-        />
-        <meta property="og:title" content="Coding Club IIITV" />
-        <meta property="og:site_name" content="IIITVCC" />
-        <meta property="og:url" content="https://iiitvcc.vercel.app" />
-        <meta property="og:description" content="IIITVCC Community Website | Workshops | Mentorship | Community" />
-        <meta property="og:type" content="website" />
-        <meta property="og:image" content="https://iiitvcc.vercel.app/LinkPreview.png" />
-      </Head>
       <Navbar />
       {children}
       <Footer />

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -24,7 +24,15 @@ const fontBody = Inter({
 
 export const metadata: Metadata = {
   title: "Coding Club IIITV",
-  description: "IIITV Coding Club Blog Website",
+  description: "IIITV Coding Club Community Website | Workshops | Mentorship | Community",
+  openGraph: {
+    title: 'Coding Club IIITV',
+    description: 'IIITV Coding Club Community Website | Workshops | Mentorship | Community',
+    images: ["https://iiitvcc.vercel.app/LinkPreview.png"],
+    type: 'website',
+    locale: 'en_IN',
+    url: 'https://iiitvcc.vercel.app',
+  },
 };
 
 export default function RootLayout({
@@ -40,12 +48,6 @@ export default function RootLayout({
           name="viewport"
           content="width=device-width, initial-scale=1, shrink-to-fit=no"
         />
-        <meta property="og:title" content="Coding Club IIITV" />
-        <meta property="og:site_name" content="IIITVCC" />
-        <meta property="og:url" content="https://iiitvcc.vercel.app" />
-        <meta property="og:description" content="IIITVCC Community Website | Workshops | Mentorship | Community" />
-        <meta property="og:type" content="website" />
-        <meta property="og:image" content="https://iiitvcc.vercel.app/LinkPreview.png" />
       </Head>
       <body className={cn(inter.className, 'antialiased' , fontHeading.variable, fontBody.variable)}>
         <script