服务器端渲染

概述

服务器端渲染或 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 实现，请遵循此 指南。