プリレンダリングとは、各リクエストごとに動的に生成するのではなく、ビルド時に一度だけページのHTMLを生成することを意味します。
利点は、静的データの提供が非常に安価で高性能であるため、キャッシュ制御ヘッダー(誤って設定しやすい)を心配することなく、大量のユーザーに簡単にサービスを提供できることです。
トレードオフは、ビルドプロセスに時間がかかり、プリレンダリングされたコンテンツは、アプリケーションの新しいバージョンをビルドしてデプロイすることでのみ更新できることです。
ページをプリレンダリングするには、prerender
をtrue
に設定します。
src/routes/+page.server
export const prerender = true;
このチュートリアルでは、アプリケーションがdev
モードで実行されているため、目に見える効果はありません。
すべてのページをプリレンダリングできるわけではありません。基本的なルールは次のとおりです。コンテンツをプリレンダリングするには、直接アクセスする2人のユーザーがサーバーから同じコンテンツを取得する必要があり、ページにフォームアクションを含めることはできません。動的なルートパラメータを持つページは、prerender.entries
設定で指定されている場合、または含まれているprerender.entries
のページからリンクをたどることができる場合は、プリレンダリングできます。
ルート
+layout.server.js
内でprerender
をtrue
に設定すると、SvelteKitは事実上静的サイトジェネレーター(SSG)になります。
前へ 次へ
1
2
<h1>Prerendering</h1>