You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/guide/ssr.md
+8-8Lines changed: 8 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -21,13 +21,13 @@ Non-Streaming server-side rendering is the classic process of rendering the mark
21
21
22
22
To implement non-streaming SSR with TanStack Router, you will need the following utilities:
23
23
24
-
-`StartServer` from `@tanstack/react-start/server`
24
+
-`StartServer` from `@tanstack/react-router-server`
25
25
- e.g. `<StartServer router={router} />`
26
26
- Rendering this component in your server entry will render your application and also automatically handle application-level hydration/dehydration and implement the `Wrap` component option on `Router`
27
-
-`StartClient` from `@tanstack/react-start/client`
27
+
-`StartClient` from `@tanstack/react-router-client`
28
28
- e.g. `<StartClient router={router} />`
29
29
- Rendering this component in your client entry will render your application and also automatically implement the `Wrap` component option on `Router`
30
-
-`DehydrateRouter` from `@tanstack/react-start/client`
30
+
-`DehydrateRouter` from `@tanstack/react-router-client`
31
31
- e.g. `<DehydrateRouter />`
32
32
- Render this component **inside your application** to embed the router's dehydrated data into the application.
33
33
@@ -134,7 +134,7 @@ To do this, render the `<DehydrateRouter />` component somewhere inside your Roo
@@ -223,14 +223,14 @@ This pattern can be useful for pages that have slow or high-latency data fetchin
223
223
224
224
To enable this streaming pattern with TanStack Router, you will need to use React's `renderToPipeableStream` function to render your application to a readable stream. This function returns a stream that can be piped to the response. Here's the utility information:
225
225
226
-
-`transformStreamWithRouter` from `@tanstack/react-start/server`
226
+
-`transformStreamWithRouter` from `@tanstack/react-router-server`
227
227
- e.g. `transformStreamWithRouter(router)`
228
228
- This function returns a stream Transform instance that can be used to transform a stream of HTML markup from React DOM's `renderToPipeableStream` function as it is piped to the response.
229
229
- This transform automatically and incrementally embeds fine-grained HTML injections and dehydrated data chunks into the stream.
230
230
231
231
### Transforming the Stream
232
232
233
-
Let's implement the `transformStreamWithRouter` function from `@tanstack/react-start/server` to transform the stream of HTML markup from React DOM's `renderToPipeableStream` function as it is piped to the response.
233
+
Let's implement the `transformStreamWithRouter` function from `@tanstack/react-router-server` to transform the stream of HTML markup from React DOM's `renderToPipeableStream` function as it is piped to the response.
0 commit comments