From 281eace25eca14eadaf9637b4daf69b3ced088e3 Mon Sep 17 00:00:00 2001
From: Gandalf <gandalf@storm.pl>
Date: Sat, 13 Dec 2025 22:40:09 +0100
Subject: [PATCH] Disable Link prefetch for profile and post pages

Add prefetch={false} to Link components that navigate to profile pages
(/@username) and post pages (/category/@author/permlink) to prevent
excessive API calls.

Next.js prefetches linked pages when they enter the viewport, triggering
SSR which calls multiple APIs (profile data, reputation, Twitter info,
etc). A single trending page with 20 posts was causing 140-180 API calls
just from prefetching.

This change reduces API load on decentralized Hive nodes and third-party
services while maintaining full SEO compatibility (crawlers don't use
prefetch).
---
 apps/blog/features/list-of-posts/post-list-item.tsx | 10 ++++++++--
 apps/blog/features/list-of-posts/summary.tsx        |  3 ++-
 apps/blog/features/post-rendering/user-info.tsx     |  2 +-
 apps/blog/features/suggestions-posts/card.tsx       |  4 ++--
 4 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/apps/blog/features/list-of-posts/post-list-item.tsx b/apps/blog/features/list-of-posts/post-list-item.tsx
index 38e007a16..c8d06715d 100644
--- a/apps/blog/features/list-of-posts/post-list-item.tsx
+++ b/apps/blog/features/list-of-posts/post-list-item.tsx
@@ -65,6 +65,7 @@ const PostListItem = ({
                 <Link
                   className="hover:cursor-pointer hover:text-destructive"
                   href={`/@${post.author}`}
+                  prefetch={false}
                 >
                   {post.author}
                 </Link>{' '}
@@ -72,6 +73,7 @@ const PostListItem = ({
                 <Link
                   href={`/${post.original_entry.community}/@${post.original_entry.author}/${post.original_entry.permlink}`}
                   className="text-destructive hover:cursor-pointer"
+                  prefetch={false}
                 >
                   @{post.original_entry.author}/{post.original_entry.permlink}
                 </Link>
@@ -86,6 +88,7 @@ const PostListItem = ({
                   href={`/@${post.reblogged_by[0]}`}
                   className="cursor-pointer hover:text-destructive"
                   data-testid="reblogged-author-link"
+                  prefetch={false}
                 >
                   {post.reblogged_by[0]}
                 </Link>{' '}
@@ -96,7 +99,7 @@ const PostListItem = ({
           <CardHeader className="px-0 py-1">
             <div className="md:text-md flex items-center text-sm">
               {nsfw === 'show' && post.blacklists.length < 1 ? (
-                <Link href={`/@${post.author}`} data-testid="post-card-avatar">
+                <Link href={`/@${post.author}`} data-testid="post-card-avatar" prefetch={false}>
                   <div
                     className="mr-3 h-[24px] w-[24px] rounded-3xl bg-cover bg-no-repeat"
                     style={{
@@ -110,6 +113,7 @@ const PostListItem = ({
                   href={`/@${post.author}`}
                   className="font-medium text-primary hover:cursor-pointer hover:text-destructive"
                   data-testid="post-author"
+                  prefetch={false}
                 >
                   {post.author}
                 </Link>{' '}
@@ -157,6 +161,7 @@ const PostListItem = ({
                     href={`/${post.category}/@${post.author}/${post.permlink}`}
                     className="hover:cursor-pointer hover:text-destructive"
                     data-testid="post-card-timestamp"
+                    prefetch={false}
                   >
                     <TimeAgo date={post.created} />
                   </Link>
@@ -165,7 +170,7 @@ const PostListItem = ({
                       <TooltipProvider>
                         <Tooltip>
                           <TooltipTrigger data-testid="powered-up-100-trigger">
-                            <Link href={`/${post.category}/@${post.author}/${post.permlink}`}>
+                            <Link href={`/${post.category}/@${post.author}/${post.permlink}`} prefetch={false}>
                               <Icons.hive className="h-4 w-4" />
                             </Link>
                           </TooltipTrigger>
@@ -181,6 +186,7 @@ const PostListItem = ({
                       <Link
                         href={`/${post.category}/@${post.author}/${post.permlink}`}
                         data-testid="post-pinned-tag"
+                        prefetch={false}
                       >
                         {t('cards.badges.pinned')}
                       </Link>
diff --git a/apps/blog/features/list-of-posts/summary.tsx b/apps/blog/features/list-of-posts/summary.tsx
index 12ba415e2..b7fbef06f 100644
--- a/apps/blog/features/list-of-posts/summary.tsx
+++ b/apps/blog/features/list-of-posts/summary.tsx
@@ -39,12 +39,13 @@ const PostSummary = ({
             <Link
               href={`/${post.category}/@${post.author}/${post.permlink}`}
               className="whitespace-normal break-words visited:text-gray-500 dark:visited:text-gray-400"
+              prefetch={false}
             >
               {post.title}
             </Link>
           </CardTitle>
           <CardDescription className="block w-auto whitespace-pre-wrap break-words md:overflow-hidden md:overflow-ellipsis md:whitespace-nowrap">
-            <Link href={`/${post.category}/@${post.author}/${post.permlink}`} data-testid="post-description">
+            <Link href={`/${post.category}/@${post.author}/${post.permlink}`} data-testid="post-description" prefetch={false}>
               {userFromDMCA
                 ? t('cards.content_removed')
                 : legalBlockedUser
diff --git a/apps/blog/features/post-rendering/user-info.tsx b/apps/blog/features/post-rendering/user-info.tsx
index 47ad5fcd2..a32d41185 100644
--- a/apps/blog/features/post-rendering/user-info.tsx
+++ b/apps/blog/features/post-rendering/user-info.tsx
@@ -92,7 +92,7 @@ function UserInfo({
       {authored ? (
         <span className="ml-1 text-xs">
           Authored by{' '}
-          <Link className="hover:cursor-pointer hover:text-destructive" href={`/@${authored}`}>
+          <Link className="hover:cursor-pointer hover:text-destructive" href={`/@${authored}`} prefetch={false}>
             @{authored}
           </Link>
         </span>
diff --git a/apps/blog/features/suggestions-posts/card.tsx b/apps/blog/features/suggestions-posts/card.tsx
index e4758d44a..8eb06df46 100644
--- a/apps/blog/features/suggestions-posts/card.tsx
+++ b/apps/blog/features/suggestions-posts/card.tsx
@@ -14,7 +14,7 @@ const SuggestionsCard = ({ entry }: { entry: Entry }) => {
   const [image, setImage] = useState<string>(cardImage);
   return (
     <div className="m-4 flex flex-col rounded-lg bg-background shadow-md">
-      <Link href={`/${entry.category}/@${entry.author}/${entry.permlink}`} data-testid="post-image">
+      <Link href={`/${entry.category}/@${entry.author}/${entry.permlink}`} data-testid="post-image" prefetch={false}>
         <>
           {image ? (
             <div className="flex h-24 items-center overflow-hidden rounded-t-lg bg-transparent">
@@ -38,7 +38,7 @@ const SuggestionsCard = ({ entry }: { entry: Entry }) => {
         <h2 className="p-1 text-xs font-semibold">{truncateTitle(entry.title)}</h2>
       </Link>
       <div className="flex flex-col p-1 text-sm text-gray-500">
-        <Link href={`/${entry.category}/@${entry.author}/${entry.permlink}`}>{entry.author}</Link>
+        <Link href={`/${entry.category}/@${entry.author}/${entry.permlink}`} prefetch={false}>{entry.author}</Link>
         <time>{new Date(entry.created).toLocaleDateString()}</time>
       </div>
     </div>
-- 
GitLab