From 6904d2d6636ffb716591516473d458e82d3b4e14 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Sat, 9 Nov 2024 23:37:49 -0600
Subject: [PATCH] feat: add seo images

---
 apps/docs-v2/app/docs/[[...slug]]/page.tsx | 48 ++++++++++++++++++++++
 apps/docs-v2/app/docs/layout.tsx           |  2 +-
 apps/docs-v2/utils/metadata.ts             |  2 +-
 3 files changed, 50 insertions(+), 2 deletions(-)

diff --git a/apps/docs-v2/app/docs/[[...slug]]/page.tsx b/apps/docs-v2/app/docs/[[...slug]]/page.tsx
index 25eeae4..f235418 100644
--- a/apps/docs-v2/app/docs/[[...slug]]/page.tsx
+++ b/apps/docs-v2/app/docs/[[...slug]]/page.tsx
@@ -1,5 +1,6 @@
 import { source } from "@/lib/source";
 import { openapi } from "@/lib/source";
+import { baseUrl } from "@/utils/metadata";
 import { ImageZoom } from "fumadocs-ui/components/image-zoom";
 import defaultMdxComponents from "fumadocs-ui/mdx";
 import {
@@ -64,6 +65,53 @@ export async function generateMetadata(props: {
 
 	return {
 		title: page.data.title,
+
 		description: page.data.description,
+		robots: "index,follow",
+		alternates: {
+			canonical: new URL(`${baseUrl}${page.url}`).toString(),
+			languages: {
+				en: `${baseUrl}/${page.url}`,
+			},
+		},
+		openGraph: {
+			title: page.data.title,
+			description: page.data.description,
+			url: new URL(`${baseUrl}`).toString(),
+			images: [
+				{
+					url: new URL(`${baseUrl}/logo.png`).toString(),
+					width: 1200,
+					height: 630,
+					alt: page.data.title,
+				},
+			],
+		},
+		twitter: {
+			card: "summary_large_image",
+			creator: "@getdokploy",
+			title: page.data.title,
+			description: page.data.description,
+			images: [
+				{
+					url: new URL(`${baseUrl}/logo.png`).toString(),
+					width: 1200,
+					height: 630,
+					alt: page.data.title,
+				},
+			],
+		},
+		applicationName: "Dokploy Docs",
+		keywords: [
+			"dokploy",
+			"vps",
+			"open source",
+			"cloud",
+			"self hosting",
+			"free",
+		],
+		icons: {
+			icon: "/icon.svg",
+		},
 	};
 }
diff --git a/apps/docs-v2/app/docs/layout.tsx b/apps/docs-v2/app/docs/layout.tsx
index 85919e1..fb8ff11 100644
--- a/apps/docs-v2/app/docs/layout.tsx
+++ b/apps/docs-v2/app/docs/layout.tsx
@@ -9,7 +9,7 @@ export const metadata = createMetadata({
 		template: "%s | Dokploy",
 		default: "Dokploy",
 	},
-	description: "The Open Source Alternative to Vercel, Heroku, and Netlify.",
+	description: "The Open Source Alternative to Vercel, Heroku, and Netlify",
 	metadataBase: new URL(baseUrl),
 });
 
diff --git a/apps/docs-v2/utils/metadata.ts b/apps/docs-v2/utils/metadata.ts
index 3b08c19..c68397d 100644
--- a/apps/docs-v2/utils/metadata.ts
+++ b/apps/docs-v2/utils/metadata.ts
@@ -14,7 +14,7 @@ export function createMetadata(override: Metadata): Metadata {
 			title: override.title ?? undefined,
 			description: override.description ?? undefined,
 			url: "https://fumadocs.vercel.app",
-			images: "/banner.png",
+			images: "/og.png",
 			siteName: "Fumadocs",
 			...override.openGraph,
 		},