Skip to main content

サーバーサイドレンダリング (Server-side rendering, SSR) とはサーバーで HTML を生成するプロセスのことで、SvelteKit はデフォルトでこれを行っています。パフォーマンスとレジリエンスのために重要であり、検索エンジン最適化 (SEO) にも非常に有益です。なぜなら、一部の検索エンジンではブラウザ上で JavaScript によってレンダリングされたコンテンツをインデックスできますが、その頻度は少なく、信頼性は低いためです。

一方で、サーバーでレンダリング できない コンポーネントもあります。例えば、window のようなブラウザのグローバルにアクセスできることを想定している場合などです。もし可能なら、コンポーネントを変更してサーバーでもレンダリングできるようにしたほうが良いですが、それができない場合は、SSR を無効にすることができます。

src/routes/+page.server.js
export const ssr = false;

Setting ssr to false inside your root +layout.server.js effectively turns your entire app into a single-page app (SPA).

Next: csr

1
2
<h1>{window.innerWidth}x{window.innerHeight}</h1>
 
initialising