Merge pull request #27 from SOGeKING-NUL/main

Add Open Graph metadata support and assets

Author: Zahnentferner

app/layout.tsx

@@ -2,6 +2,7 @@ import type React from "react"
 import type { Metadata } from "next"
 import { Inter, Playfair_Display } from "next/font/google"
 import "./globals.css"
+import { getBaseUrl, getAbsoluteUrl, getOgImageUrl } from "@/lib/metadata"
 
 const inter = Inter({ subsets: ["latin"] })
 const playfair = Playfair_Display({
@@ -10,12 +11,63 @@ const playfair = Playfair_Display({
   display: "swap",
 })
 
+const baseUrl = getBaseUrl()
+const siteUrl = getAbsoluteUrl("")
+const ogImage = getOgImageUrl("/stability-nexus-og.png")
+
 export const metadata: Metadata = {
-  title: "Stable Viewpoints",
+  title: {
+    default: "Stable Viewpoints",
+    template: "%s | Stable Viewpoints",
+  },
   description: "An independent and decentralized publication focused on stability.",
+  keywords: ["stablecoins", "blockchain", "cryptocurrency", "DeFi", "economic stability", "monetary systems", "AI governance"],
+  authors: [{ name: "Stable Viewpoints" }],
+  creator: "Stable Viewpoints",
+  publisher: "Stable Viewpoints",
+  metadataBase: new URL(baseUrl),
+  alternates: {
+    canonical: siteUrl,
+  },
+  openGraph: {
+    type: "website",
+    locale: "en_US",
+    url: siteUrl,
+    siteName: "Stable Viewpoints",
+    title: "Stable Viewpoints - Independent Articles about Stability",
+    description: "An independent and decentralized publication focused on stability. Explore thoughtful perspectives on blockchain, cryptocurrencies, AI, DeFi, and economic stability.",
+    images: [
+      {
+        url: ogImage,
+        width: 1200,
+        height: 630,
+        alt: "Stable Viewpoints - Independent Articles about Stability",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Stable Viewpoints - Independent Articles about Stability",
+    description: "An independent and decentralized publication focused on stability.",
+    images: [ogImage],
+    creator: "@StabilityNexus",
+    site: "@StabilityNexus",
+  },
   icons: {
-    icon: '/images/favicon.ico'
-  }
+    icon: '/images/favicon.ico',
+    apple: '/images/favicon.ico',
+  },
+  robots: {
+    index: true,
+    follow: true,
+    googleBot: {
+      index: true,
+      follow: true,
+      "max-video-preview": -1,
+      "max-image-preview": "large",
+      "max-snippet": -1,
+    },
+  },
 }
 
 export default function RootLayout({

lib/metadata.ts

@@ -0,0 +1,33 @@
+
+export function getBaseUrl(): string {
+
+  if (process.env.NODE_ENV === 'production') {
+    return 'https://viewpoints.stability.nexus'
+  }
+  return 'http://localhost:3000'
+}
+
+/**
+ * Get absolute URL for a path
+ */
+export function getAbsoluteUrl(path: string): string {
+  const baseUrl = getBaseUrl()
+  
+  // Ensure path starts with /
+  const normalizedPath = path.startsWith('/') ? path : `/${path}`
+  return `${baseUrl}${normalizedPath}`
+}
+
+/**
+ * Get absolute image URL for Open Graph
+ */
+export function getOgImageUrl(imagePath: string): string {
+
+  // If already absolute URL, return as is
+  if (imagePath.startsWith('http://') || imagePath.startsWith('https://')) {
+    return imagePath
+  }
+
+  return getAbsoluteUrl(imagePath)
+}
+