feat: add comprehensive SEO (metadata, OG images, sitemap, robots, manifest) and update README

2026-04-25 01:52:28 +08:00
parent 4688f3f594
commit 0dd1e86487
21 changed files with 1075 additions and 132 deletions
@@ -0,0 +1,65 @@
+import { ImageResponse } from "next/og"
+import { readFile } from "node:fs/promises"
+import { join } from "node:path"
+
+export const alt = "DeckyVault - Steam Deck Benchmarks & Settings"
+export const size = {
+    width: 1200,
+    height: 630,
+}
+export const contentType = "image/png"
+
+export default async function Image() {
+    const logoData = await readFile(
+        join(process.cwd(), "app/icon.png"),
+        "base64"
+    )
+    const logoSrc = `data:image/png;base64,${logoData}`
+
+    return new ImageResponse(
+        (
+            <div
+                style={{
+                    width: "100%",
+                    height: "100%",
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    background: "#100b14",
+                    color: "#ebe4f1",
+                    fontFamily: "sans-serif",
+                    gap: "16px",
+                }}
+            >
+                <img
+                    src={logoSrc}
+                    alt="DeckyVault"
+                    height={120}
+                    style={{ borderRadius: "16px" }}
+                />
+                <div
+                    style={{
+                        fontSize: 64,
+                        fontWeight: 700,
+                        letterSpacing: "-0.02em",
+                    }}
+                >
+                    DeckyVault
+                </div>
+                <div
+                    style={{
+                        fontSize: 28,
+                        fontWeight: 400,
+                        opacity: 0.8,
+                    }}
+                >
+                    Steam Deck Benchmarks & Settings
+                </div>
+            </div>
+        ),
+        {
+            ...size,
+        }
+    )
+}