服务器端渲染
Reka UI 可以在服务器上渲染。
概述
服务器端渲染或 SSR
是一种将组件渲染为 HTML 的技术,在服务器上进行,而非仅在客户端进行。
静态渲染是另一种类似的方法。它在构建时而非每次请求时将页面预渲染为 HTML。
您应该能够通过这两种方法使用我们所有的基本组件,例如与 Nuxt.js 结合使用。
Nuxt 水合问题 (Vue < 3.5)
Reka UI 提供了一个支持自动导入组件的Nuxt 模块。但是,如果您使用的是 Vue < 3.5,可能会出现轻微的水合问题,因为截至 Vue <= 3.4,目前没有办法确保客户端和服务器渲染之间 DOM 元素 id
的一致性。这是 Reka UI 所依赖的。
作为临时解决方案,我们提供了一种方法,允许 Nuxt(版本 > 3.10
)将其 useId
实现注入到 reka-ui
中。
要提供自定义的 useId
实现,请参阅此指南。