メインコンテンツにスキップ

データのロードの章で、load 関数を +page.js+page.server.js+layout.js+layout.server.js ファイルからエクスポートする方法を学びました。これらのモジュールからさまざまなページオプションをエクスポートすることもできます。

  • ssr — ページをサーバーレンダリングするかどうか
  • csr — SvelteKitクライアントをロードするかどうか
  • prerender — リクエストごとではなく、ビルド時にページをプリレンダリングするかどうか
  • trailingSlash — URLの末尾のスラッシュを削除、追加、無視するかどうか

次の演習では、これらのそれぞれについて順番に学びます。

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

これらのオプションは、アプリのさまざまな領域で組み合わせて使用できます。マーケティングページをプリレンダリングし、データ駆動型ページを動的にサーバーレンダリングし、管理ページをクライアントレンダリングのSPAとして扱うことができます。これにより、SvelteKitは非常に汎用性が高くなります。

GitHubでこのページを編集

前へ 次へ
1
2
<h2>Page options</h2>