loading data の章では、+page.js、+page.server.js、+layout.js、+layout.server.js ファイルから load 関数をエクスポートする方法について見てきました。これらのモジュールからは他にも様々な ページオプション(page options) をエクスポートできます。

• ssr — ページをサーバーレンダリングするかどうか
• csr — SvelteKit client をロードするかどうか
• prerender — リクエストの度にレンダリングする代わりに、ビルド時にページをプリレンダリングするかどうか
• trailingSlash — URL の末尾のスラッシュ(trailing slashes)を、削除するか、追加するか、無視するか

この後の演習では、これらをそれぞれ順番に学んでいきます。

ページオプションは (+page.js や +page.server.js からエクスポートすることで) ページ個別に適用することができますし、(+layout.js や +layout.server.js からエクスポートすることで) ページのグループに適用することもできます。アプリ全体のオプションを定義するには、最上位のレイアウト(root layout) からエクスポートします。子レイアウトやページは親レイアウトで設定された値をオーバーライドするので、例えば、アプリ全体ではプリレンダリングを有効にして、動的なレンダリングが必要なページではそれを無効にすることができます。

アプリの様々な領域でこれらのオプションをうまく組み合わせることができます。マーケティング用のページはプリレンダリングし、データドリブンなページは動的にサーバーでレンダリングし、管理者用ページはクライアントレンダリングされる SPA として扱うことができます。このように、SvelteKit はとても万能で多くの用途にお使いいただけます。