本文へスキップ

プリレンダリングとは、各リクエストごとに動的に生成するのではなく、ビルド時に一度だけページのHTMLを生成することを意味します。

利点は、静的データの提供が非常に安価で高性能であるため、キャッシュ制御ヘッダー(誤って設定しやすい)を心配することなく、大量のユーザーに簡単にサービスを提供できることです。

トレードオフは、ビルドプロセスに時間がかかり、プリレンダリングされたコンテンツは、アプリケーションの新しいバージョンをビルドしてデプロイすることでのみ更新できることです。

ページをプリレンダリングするには、prerendertrueに設定します。

src/routes/+page.server
export const prerender = true;

このチュートリアルでは、アプリケーションがdevモードで実行されているため、目に見える効果はありません。

すべてのページをプリレンダリングできるわけではありません。基本的なルールは次のとおりです。コンテンツをプリレンダリングするには、直接アクセスする2人のユーザーがサーバーから同じコンテンツを取得する必要があり、ページにフォームアクションを含めることはできません。動的なルートパラメータを持つページは、prerender.entries設定で指定されている場合、または含まれているprerender.entriesのページからリンクをたどることができる場合は、プリレンダリングできます。

ルート+layout.server.js内でprerendertrueに設定すると、SvelteKitは事実上静的サイトジェネレーター(SSG)になります。

GitHubでこのページを編集する

前へ 次へ
1
2
<h1>Prerendering</h1>