静态预渲染是为您的应用程序生成静态 HTML 文件的过程。这对于提高应用程序性能很有用,因为它允许您向用户提供预渲染的 HTML 文件,而无需即时生成它们,或者用于将静态站点部署到不支持服务器端渲染的平台。
TanStack Start 可以将您的应用程序预渲染为静态 HTML 文件,然后可以向用户提供这些文件,而无需即时生成它们。要预渲染您的应用程序,您可以将 server.prerender 选项添加到您的 app.config.js 文件中:
// app.config.js
import { defineConfig } from '@tanstack/react-start/config'
export default defineConfig({
server: {
prerender: {
routes: ['/'],
crawlLinks: true,
},
},
})
// app.config.js
import { defineConfig } from '@tanstack/react-start/config'
export default defineConfig({
server: {
prerender: {
routes: ['/'],
crawlLinks: true,
},
},
})