Skip to content

Commit ff788ac

Browse files
committed
docs: remove extra link
1 parent 84b1bed commit ff788ac

File tree

1 file changed

+3
-5
lines changed

1 file changed

+3
-5
lines changed

‎docs/framework/react/guides/advanced-ssr.md

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,15 +7,13 @@ Welcome to the Advanced Server Rendering guide, where you will learn all about u
77

88
You might want to read the [Server Rendering & Hydration guide](./ssr.md) before this one as it teaches the basics for using React Query with SSR, and [Performance & Request Waterfalls](./request-waterfalls.md) as well as [Prefetching & Router Integration](./prefetching.md) also contains valuable background.
99

10-
https://tanstack.com/query/latest/docs/framework/react/guides/ssr
11-
1210
Before we start, let's note that while the `initialData` approach outlined in the SSR guide also works with Server Components, we'll focus this guide on the hydration APIs.
1311

1412
## Server Components & Next.js app router
1513

1614
We won't cover Server Components in depth here, but the short version is that they are components that are guaranteed to _only_ run on the server, both for the initial page view and **also on page transitions**. This is similar to how Next.js `getServerSideProps`/`getStaticProps` and Remix `loader` works, as these also always run on the server but while those can only return data, Server Components can do a lot more. The data part is central to React Query however, so let's focus on that.
1715

18-
How do we take what we learned in the Server Rendering guide about [passing data prefetched in framework loaders to the app](./ssr#using-the-hydration-apis) and apply that to Server Components and the Next.js app router? The best way to start thinking about this is to consider Server Components as "just" another framework loader.
16+
How do we take what we learned in the Server Rendering guide about [passing data prefetched in framework loaders to the app](./ssr.md#using-the-hydration-apis) and apply that to Server Components and the Next.js app router? The best way to start thinking about this is to consider Server Components as "just" another framework loader.
1917

2018
### A quick note on terminology
2119

@@ -532,7 +530,7 @@ export default function Posts() {
532530

533531
Now, your `getPosts` function can return e.g. `Temporal` datetime objects and the data will be serialized and deserialized on the client, assuming your transformer can serialize and deserialize those data types.
534532

535-
For more information, check out the [Next.js App with Prefetching Example](../../../../examples/react//nextjs-app-prefetching).
533+
For more information, check out the [Next.js App with Prefetching Example](../../../../examples/react/nextjs-app-prefetching).
536534

537535
## Experimental streaming without prefetching in Next.js
538536

@@ -603,7 +601,7 @@ For more information, check out the [NextJs Suspense Streaming Example](../../..
603601

604602
The big upside is that you no longer need to prefetch queries manually to have SSR work, and it even still streams in the result! This gives you phenomenal DX and lower code complexity.
605603

606-
The downside is easiest to explain if we look back at [the complex request waterfall example](./request-waterfalls#code-splitting) in the Performance & Request Waterfalls guide. Server Components with prefetching effectively eliminates the request waterfalls both for the initial page load **and** any subsequent navigation. This prefetch-less approach however will only flatten the waterfalls on the initial page load but ends up the same deep waterfall as the original example on page navigations:
604+
The downside is easiest to explain if we look back at [the complex request waterfall example](./request-waterfalls.md#code-splitting) in the Performance & Request Waterfalls guide. Server Components with prefetching effectively eliminates the request waterfalls both for the initial page load **and** any subsequent navigation. This prefetch-less approach however will only flatten the waterfalls on the initial page load but ends up the same deep waterfall as the original example on page navigations:
607605

608606
```
609607
1. |> JS for <Feed>

0 commit comments

Comments
 (0)