From e45bd36f5f84cc78b5f2e9c134b54ea4339d19c1 Mon Sep 17 00:00:00 2001
From: dmgnr <me@dgnr.us>
Date: Mon, 31 Aug 2026 18:07:07 +0700
Subject: [PATCH] feat: prefetch subpage links

---
 components/public/structured-guide.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/public/structured-guide.tsx b/components/public/structured-guide.tsx
index b5267cc..c4338bd 100644
--- a/components/public/structured-guide.tsx
+++ b/components/public/structured-guide.tsx
@@ -101,6 +101,7 @@ export function StructuredGuideShell({
               "flex min-h-8 shrink-0 items-center gap-2 whitespace-nowrap rounded-md px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",
               !section ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground",
             )}
+            prefetch
           >
             <Image src={navigationIconPath("overview")!} alt="" width={20} height={20} className="size-5 object-contain" />
             Overview
@@ -113,6 +114,7 @@ export function StructuredGuideShell({
                 "flex min-h-8 shrink-0 items-center gap-2 whitespace-nowrap rounded-md px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",
                 section === item.slug ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground",
                 )}
+                prefetch
             >
               {navigationIconPath(item.slug) ? <Image src={navigationIconPath(item.slug)!} alt="" width={20} height={20} className="size-5 object-contain" /> : null}
               {item.title}
@@ -159,7 +161,7 @@ function GuideOverview({
       {sections.length ? (
         <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
           {sections.map((item) => (
-            <Link key={item.id} href={`/${guide.slug}/${item.slug}`}>
+            <Link key={item.id} href={`/${guide.slug}/${item.slug}`} prefetch>
               <Card className="h-full">
                 <CardHeader>
                   {navigationIconPath(item.slug) ? <Image src={navigationIconPath(item.slug)!} alt="" width={40} height={40} className="size-10 object-contain" /> : null}