サーバーサイドレンダリング

Radix Primitivesはサーバーでレンダリングできます。

概要

サーバーサイドレンダリングまたはSSRは、クライアントでのみレンダリングするのではなく、サーバーでコンポーネントをHTMLにレンダリングするために使用される手法です。

静的レンダリングは、別の同様のアプローチです。ただし、各要求ではなく、ビルド時にページをHTMLに事前レンダリングします。

Nuxt.jsなど、すべてのアプローチをすべてのプリミティブで使用できるはずです。

Nuxtハイドレーションの問題（Vue < 3.5）

Radix Vueは、コンポーネントの自動インポートをサポートするNuxtモジュールを提供します。ただし、Vue < 3.5を使用している場合は、軽度のハイドレーションの問題が発生する可能性があります。vue <= 3.4では、現在する方法がありませんクライアントとサーバーレンダリング間で一貫したDOM要素idを保証するためです。これは、Radix Vueが依存するものです。

一時的な回避策として、Nuxt（バージョン 3.10 以降）が、その useId 実装を radix-vue に挿入できるようにする機能を紹介します。

カスタム useId 実装を提供するには、このガイドを参照してください。