SSR

服务端渲染 (SSR) 是在服务器上渲染你的应用程序，并将渲染后的 HTML 发送到客户端的过程。这对于提高应用程序的性能和改进 SEO 很有用，因为它使用户可以更快地看到应用程序的内容，并使搜索引擎更容易抓取你的应用程序。

SSR 基础

TanStack Start 开箱即用地支持服务端渲染。要启用服务端渲染，请在你的项目中创建一个 app/ssr.tsx 文件

tsx

// app/ssr.tsx

import {
  createStartHandler,
  defaultStreamHandler,
} from '@tanstack/react-start/server'
import { getRouterManifest } from '@tanstack/react-start/router-manifest'

import { createRouter } from './router'

export default createStartHandler({
  createRouter,
  getRouterManifest,
})(defaultStreamHandler)

// app/ssr.tsx

import {
  createStartHandler,
  defaultStreamHandler,
} from '@tanstack/react-start/server'
import { getRouterManifest } from '@tanstack/react-start/router-manifest'

import { createRouter } from './router'

export default createStartHandler({
  createRouter,
  getRouterManifest,
})(defaultStreamHandler)

此文件导出一个函数，用于创建服务端渲染处理程序。该处理程序使用来自 @tanstack/react-start/server 的 createStartHandler 函数创建，该函数接受一个具有以下属性的对象

createRouter: 一个为你的应用程序创建路由器的函数。此函数每次被调用时都应返回一个新的路由器实例。
getRouterManifest: 一个返回应用程序中所有路由清单的函数。

然后使用来自 @tanstack/react-start/server 的 defaultStreamHandler 函数调用处理程序，该函数是一个将响应流式传输到客户端的函数。

SSR 基础

订阅 Bytes

订阅 Bytes