feat : [SEO] -Adding OG Image for Link Preview

Author: decoded-cipher

client/composables/useSeoSchema.ts

@@ -3,11 +3,6 @@ export const useSeoSchema = () => {
   const siteUrl = config.public.site.url
 
   const generateOrganizationSchema = () => {
-    if (!siteUrl) {
-      console.warn('NUXT_PUBLIC_SITE_URL is not set, skipping organization schema')
-      return null
-    }
-
     return {
       "@context": "https://schema.org",
       "@type": "Organization",

client/composables/useTheme.ts

@@ -18,8 +18,10 @@ export const useTheme = () => {
         isDark.value = savedTheme === 'dark'
       } else {
         // Check system preference if no saved theme
-        const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches
-        isDark.value = prefersDark
+        // const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches
+        // isDark.value = prefersDark
+        
+        isDark.value = false
       }
       updateTheme()
     }

client/nuxt.config.ts

@@ -35,7 +35,7 @@ export default defineNuxtConfig({
           content:
             "Monitor and compare AI trading models in real-time. Track crypto portfolio performance, positions, and trading analytics.",
         },
-        { property: "og:image", content: "/logo.png" },
+        { property: "og:image", content: "/og-image.jpg" },
         { property: "og:image:width", content: "1200" },
         { property: "og:image:height", content: "630" },
         { property: "og:site_name", content: "BitNerve" },
@@ -49,7 +49,7 @@ export default defineNuxtConfig({
           content:
             "Monitor and compare AI trading models. Track performance, positions, and analytics across multiple AI trading agents.",
         },
-        { name: "twitter:image", content: "/logo.png" },
+        { name: "twitter:image", content: "/og-image.jpg" },
 
         // Additional SEO Meta Tags
         { name: "apple-mobile-web-app-capable", content: "yes" },
@@ -121,7 +121,7 @@ export default defineNuxtConfig({
             name: "BitNerve",
             description:
               "Real-time monitoring and comparison of AI trading models with cryptocurrency portfolio analytics",
-            url: process.env.NUXT_PUBLIC_SITE_URL || "",
+            url: "https://bitnerve.arjunkrishna.dev",
             applicationCategory: "FinanceApplication",
             offers: {
               "@type": "Offer",
@@ -167,7 +167,7 @@ export default defineNuxtConfig({
   modules: ["radix-vue/nuxt"],
 
   site: {
-    url: process.env.NUXT_PUBLIC_SITE_URL,
+    url: "https://bitnerve.arjunkrishna.dev",
     name: "BitNerve",
   },
 
@@ -199,7 +199,7 @@ export default defineNuxtConfig({
 
     public: {
       site: {
-        url: process.env.NUXT_PUBLIC_SITE_URL,
+        url: "https://bitnerve.arjunkrishna.dev",
         name: "BitNerve",
       },
     },

client/plugins/seo.client.ts

@@ -2,17 +2,12 @@ export default defineNuxtPlugin(() => {
   const config = useRuntimeConfig()
   const siteUrl = config.public.site.url
 
-  if (!siteUrl) {
-    console.warn('NUXT_PUBLIC_SITE_URL is not set')
-    return
-  }
-
   useHead({
     meta: [
       { property: 'og:url', content: siteUrl },
-      { property: 'og:image', content: `${siteUrl}/og-image.png` },
+      { property: 'og:image', content: `${siteUrl}/og-image.jpg` },
       { name: 'twitter:url', content: siteUrl },
-      { name: 'twitter:image', content: `${siteUrl}/twitter-image.png` },
+      { name: 'twitter:image', content: `${siteUrl}/og-image.jpg` },
     ],
     link: [
       { rel: 'canonical', href: siteUrl },

client/public/og-image.jpg

@@ -3,14 +3,6 @@ import { defineEventHandler, setHeader } from "h3"
 export default defineEventHandler(async (event) => {
   const config = useRuntimeConfig()
   const siteUrl = config.public.site.url
-
-  if (!siteUrl) {
-    throw createError({
-      statusCode: 500,
-      message: "NUXT_PUBLIC_SITE_URL is not configured",
-    })
-  }
-
   const robots = `User-agent: *
 Allow: /
 Disallow: /api/

client/server/routes/robots.txt.ts

@@ -3,14 +3,6 @@ import { defineEventHandler, setHeader } from "h3"
 export default defineEventHandler(async (event) => {
   const config = useRuntimeConfig()
   const siteUrl = config.public.site.url
-
-  if (!siteUrl) {
-    throw createError({
-      statusCode: 500,
-      message: "NUXT_PUBLIC_SITE_URL is not configured",
-    })
-  }
-
   const pages = [
     {
       loc: "/",