From 37d1a6ef39bfa7b87c156d26fd896944bec83add Mon Sep 17 00:00:00 2001
From: Alexander Karan <tech@alexanderkaran.com>
Date: Sun, 21 Jun 2026 07:42:31 +0800
Subject: [PATCH] Move Away From Full Page Load

---
 packages/app-next-js/app/mpa/page.tsx                | 3 ++-
 packages/app-react-router/app/routes/mpa.tsx         | 3 ++-
 packages/app-solid-start/src/routes/mpa/index.tsx    | 4 ++--
 packages/app-sveltekit/src/routes/mpa/+page.svelte   | 2 +-
 packages/app-tanstack-start-react/src/routes/mpa.tsx | 6 ++++--
 5 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/packages/app-next-js/app/mpa/page.tsx b/packages/app-next-js/app/mpa/page.tsx
index ab79fed..ed07276 100644
--- a/packages/app-next-js/app/mpa/page.tsx
+++ b/packages/app-next-js/app/mpa/page.tsx
@@ -1,3 +1,4 @@
+import Link from 'next/link'
 import { testData } from '../../../testdata/src/ssr'
 
 export const dynamic = 'force-dynamic'
@@ -13,7 +14,7 @@ export default async function MpaPage() {
             <td>{entry.id}</td>
             <td>{entry.name}</td>
             <td>
-              <a href={`/mpa/${entry.id}`}>View →</a>
+              <Link href={`/mpa/${entry.id}`}>View →</Link>
             </td>
           </tr>
         ))}
diff --git a/packages/app-react-router/app/routes/mpa.tsx b/packages/app-react-router/app/routes/mpa.tsx
index ffe2f0c..cc815ba 100644
--- a/packages/app-react-router/app/routes/mpa.tsx
+++ b/packages/app-react-router/app/routes/mpa.tsx
@@ -1,3 +1,4 @@
+import { Link } from 'react-router'
 import { testData } from '../../../testdata/src/ssr'
 import type { Route } from './+types/mpa'
 
@@ -15,7 +16,7 @@ export default function MpaPage({ loaderData }: Route.ComponentProps) {
             <td>{entry.id}</td>
             <td>{entry.name}</td>
             <td>
-              <a href={`/mpa/${entry.id}`}>View →</a>
+              <Link to={`/mpa/${entry.id}`}>View →</Link>
             </td>
           </tr>
         ))}
diff --git a/packages/app-solid-start/src/routes/mpa/index.tsx b/packages/app-solid-start/src/routes/mpa/index.tsx
index caf6b21..25bd9c6 100644
--- a/packages/app-solid-start/src/routes/mpa/index.tsx
+++ b/packages/app-solid-start/src/routes/mpa/index.tsx
@@ -1,5 +1,5 @@
 import { For } from 'solid-js'
-import { query, createAsync } from '@solidjs/router'
+import { A, query, createAsync } from '@solidjs/router'
 import { testData } from '../../../../testdata/src/ssr'
 
 const getData = query(async () => {
@@ -23,7 +23,7 @@ export default function MpaPage() {
               <td>{entry.id}</td>
               <td>{entry.name}</td>
               <td>
-                <a href={`/mpa/${entry.id}`}>View →</a>
+                <A href={`/mpa/${entry.id}`}>View →</A>
               </td>
             </tr>
           )}
diff --git a/packages/app-sveltekit/src/routes/mpa/+page.svelte b/packages/app-sveltekit/src/routes/mpa/+page.svelte
index f4e5825..01a2f34 100644
--- a/packages/app-sveltekit/src/routes/mpa/+page.svelte
+++ b/packages/app-sveltekit/src/routes/mpa/+page.svelte
@@ -9,7 +9,7 @@
         <td>{entry.id}</td>
         <td>{entry.name}</td>
         <td>
-          <a href="/mpa/{entry.id}" data-sveltekit-reload>View →</a>
+          <a href="/mpa/{entry.id}">View →</a>
         </td>
       </tr>
     {/each}
diff --git a/packages/app-tanstack-start-react/src/routes/mpa.tsx b/packages/app-tanstack-start-react/src/routes/mpa.tsx
index de3499d..0dc6ec4 100644
--- a/packages/app-tanstack-start-react/src/routes/mpa.tsx
+++ b/packages/app-tanstack-start-react/src/routes/mpa.tsx
@@ -1,4 +1,4 @@
-import { createFileRoute } from '@tanstack/react-router'
+import { createFileRoute, Link } from '@tanstack/react-router'
 import { testData } from '../../../testdata/src/ssr'
 
 export const Route = createFileRoute('/mpa')({
@@ -17,7 +17,9 @@ function MpaPage() {
             <td>{entry.id}</td>
             <td>{entry.name}</td>
             <td>
-              <a href={`/mpa/${entry.id}`}>View →</a>
+              <Link to="/mpa/$id" params={{ id: entry.id }}>
+                View →
+              </Link>
             </td>
           </tr>
         ))}