steel-dev
diff --git a/‎app/[...slug]/page.tsx‎
Lines changed: 17 additions & 0 deletions b/‎app/[...slug]/page.tsx‎
Lines changed: 17 additions & 0 deletions
diff --git a/‎app/layout.tsx‎
Lines changed: 11 additions & 14 deletions b/‎app/layout.tsx‎
Lines changed: 11 additions & 14 deletions
@@ -302,8 +302,25 @@ export async function generateMetadata(props: {
   }
   if (!page) notFound();
 
+  const canonicalPath = page.url.replace(/^\/en(\/|$)/, '/');
+
   return {
     title: page.data.title,
     description: page.data.description,
+    alternates: {
+      canonical: canonicalPath,
+    },
+    openGraph: {
+      title: page.data.title,
+      description: page.data.description,
+      url: canonicalPath,
+      siteName: 'Steel Docs',
+      type: 'article',
+    },
+    twitter: {
+      card: 'summary',
+      title: page.data.title,
+      description: page.data.description,
+    },
   };
 }
@@ -1,32 +1,29 @@
 import './global.css';
 import { RootProvider } from 'fumadocs-ui/provider';
 import { GeistMono } from 'geist/font/mono';
+import type { Metadata } from 'next';
 import type { ReactNode } from 'react';
 import { inter, jetBrainsMono } from '@/fonts';
 import { KeyboardShortcutsProvider } from '@/hooks/use-keyboard-shortcuts';
 import { QueryProvider } from '@/providers/query-provider';
 
+export const metadata: Metadata = {
+  metadataBase: new URL('https://docs.steel.dev'),
+  alternates: {
+    types: {
+      'text/plain': '/llms.txt',
+    },
+  },
+};
+
 export default function RootLayout({ children }: { children: ReactNode }) {
   return (
     <html
       lang="en"
       className={`dark ${inter.variable} ${jetBrainsMono.variable} ${GeistMono.variable}`}
       suppressHydrationWarning
     >
-      <head>
-        <link
-          rel="alternate"
-          type="text/markdown"
-          href="/llms.txt"
-          title="LLM Documentation Index"
-        />
-        <link
-          rel="alternate"
-          type="text/markdown"
-          href="/llms-full.txt"
-          title="Full LLM Documentation"
-        />
-      </head>
+      <head />
       <body className="flex flex-col min-h-screen">
         <QueryProvider>
           <KeyboardShortcutsProvider>