From d4ff5a26a6ac16a3c225966b526e4a2b82a3ff88 Mon Sep 17 00:00:00 2001
From: Adrian Bonpin <adrianbonpin@gmail.com>
Date: Mon, 25 May 2026 19:39:43 +0800
Subject: [PATCH] feat: add BreadcrumbList JSON-LD to game, games, and devices
 pages (Task 9)

---
 app/devices/page.tsx   | 12 ++++++++++++
 app/game/[id]/page.tsx | 14 +++++++++++++-
 app/games/page.tsx     | 12 ++++++++++++
 3 files changed, 37 insertions(+), 1 deletion(-)

diff --git a/app/devices/page.tsx b/app/devices/page.tsx
index 3c7839a..d1753a8 100644
--- a/app/devices/page.tsx
+++ b/app/devices/page.tsx
@@ -1,6 +1,7 @@
 import { db } from "@/lib/db/index"
 import { hardware, performanceEntries, gameVersions, games } from "@/lib/db/schema"
 import { eq, sql, desc } from "drizzle-orm"
+import { buildBreadcrumbList } from "@/lib/utils/seo"
 import { DevicesPageClient } from "./page-client"
 import type { Metadata } from "next"
 
@@ -126,6 +127,17 @@ export default async function DevicesPage() {
         type="application/ld+json"
         dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
       />
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(
+            buildBreadcrumbList([
+              { name: "Home", url: "https://deckyvault.xyz" },
+              { name: "Devices", url: "https://deckyvault.xyz/devices" },
+            ]),
+          ),
+        }}
+      />
       <DevicesPageClient devices={devices} />
     </>
   )
diff --git a/app/game/[id]/page.tsx b/app/game/[id]/page.tsx
index ffbbba3..da2b754 100644
--- a/app/game/[id]/page.tsx
+++ b/app/game/[id]/page.tsx
@@ -16,7 +16,7 @@ import {
 import { and, desc, eq, sql } from "drizzle-orm"
 import { isSyncStale, syncSteamGame, ensureSteamGame } from "@/lib/steam/sync"
 import { getR2PublicUrl } from "@/lib/storage"
-import { smartTruncate } from "@/lib/utils/seo"
+import { smartTruncate, buildBreadcrumbList } from "@/lib/utils/seo"
 import { GamePageClient } from "./game-page-client"
 
 // This page needs live data — skip static generation at build time
@@ -379,6 +379,18 @@ export default async function GamePage({
                     }),
                 }}
             />
+            <script
+                type="application/ld+json"
+                dangerouslySetInnerHTML={{
+                    __html: JSON.stringify(
+                        buildBreadcrumbList([
+                            { name: "Home", url: "https://deckyvault.xyz" },
+                            { name: "Games", url: "https://deckyvault.xyz/games" },
+                            { name: game.title, url: `https://deckyvault.xyz/game/${game.id}` },
+                        ]),
+                    ),
+                }}
+            />
             <Suspense fallback={<div className="min-h-screen" />}>
                 <GamePageClient
                     game={serializedGame}
diff --git a/app/games/page.tsx b/app/games/page.tsx
index 6c1e7fb..677ee19 100644
--- a/app/games/page.tsx
+++ b/app/games/page.tsx
@@ -10,6 +10,7 @@ import {
 } from "@/lib/db/schema"
 import { sql, eq, and, desc, inArray } from "drizzle-orm"
 import { isSyncStale, syncSteamGame } from "@/lib/steam/sync"
+import { buildBreadcrumbList } from "@/lib/utils/seo"
 import { GamesPageClient } from "./games-page-client"
 
 // This page needs live data — skip static generation at build time
@@ -276,6 +277,17 @@ export default async function GamesPage() {
         type="application/ld+json"
         dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
       />
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(
+            buildBreadcrumbList([
+              { name: "Home", url: "https://deckyvault.xyz" },
+              { name: "Games", url: "https://deckyvault.xyz/games" },
+            ]),
+          ),
+        }}
+      />
       <GamesPageClient
         initialGames={initialGames}
         totalCount={totalCount}