サーバーサイドレンダリング(SSR)とは、サーバー上でHTMLを生成するプロセスであり、SvelteKitがデフォルトで行うものです。これはパフォーマンスと回復力にとって重要であり、検索エンジン最適化(SEO)に非常に有益です。一部の検索エンジンはJavaScriptでブラウザでレンダリングされるコンテンツをインデックスできますが、その頻度と信頼性は低くなります。
とはいえ、一部のコンポーネントは、たとえばwindow
のようなブラウザのグローバル変数にすぐにアクセスする必要があるため、サーバー上でレンダリングできない場合があります。可能であれば、それらのコンポーネントをサーバー上でレンダリングできるように変更する必要がありますが、それができない場合はSSRを無効にできます。
src/routes/+page.server
export const ssr = false;
ルートの
+layout.server.js
内でssr
をfalse
に設定すると、アプリケーション全体がシングルページアプリ(SPA)になります。
1
2
<h1>{window.innerWidth}x{window.innerHeight}</h1>