服务器端渲染 ​

概览 ​

服务器端渲染（或称 SSR）是一种在服务器上将组件渲染为 HTML 的技术，与仅在客户端渲染的方式相对。

静态渲染是另一种类似的方法。不同之处在于它在构建时预渲染页面为 HTML，而不是在每次请求时进行渲染。

您应当能够在两种方式中使用我们提供的所有基础组件，例如与 Nuxt.js 结合使用。

Nuxt Hydration 问题 (Vue < 3.5) ​

Reka UI 提供了一个支持自动导入组件的 Nuxt 模块。但是，如果您使用的是 Vue < 3.5，可能会出现轻微的 hydration 不匹配问题，因为在 Vue <= 3.4 版本中，目前无法确保客户端和服务器渲染之间 DOM 元素 id 的一致性。而 Reka UI 正依赖于这一点。

作为临时解决方案，我们提供了一种方式，允许 Nuxt（版本 > 3.10）将其 useId 实现注入到 reka-ui 中。

如需提供自定义的 useId 实现，请遵循此指南。