クライアント専用ページのためのssr = false

ブラウザー専用APIに依存するページでサーバーレンダリングをスキップするには、ssr = falseを設定します。

canvas、WebGL、位置情報など、ブラウザーで実行する必要がある機能を使うページに適しています。

SSRをスキップすると、そのページのFirst Contentful Paintが遅くなり、SEOも悪化します。

SSRを無効にしながら、静的ホスティング用のシェルHTMLをプリレンダリングすることもできます。

ページはクライアント専用になるため、JavaScriptがHydrationするまで読み込み状態を表示します。

クライアントがトークンを確認する前の描画を避けるため、認証専用ルートでSSRをスキップすることがあります。

SEOとインタラクティブ性の要件のバランスを取るため、ルートごとにssrを設定します。

レイアウトで設定すると、セクション全体のSSRを無効にできます。

SSRがなくてもserver loadは実行されますが、ページはブラウザー内でのみ描画されます。

クライアント専用で負荷の大きいページでは、スケルトンをプリレンダリングし、データでHydrationする方法が有効な場合があります。

ダッシュボード、複雑なエディター、3D体験では、SSRを無効にすることがあります。

ブラウザー専用APIが必要なページではssr = falseを設定し、SEOと引き換えにシンプルなクライアント専用レンダリングを選択します。