Collection Series
SvelteKit サーバー・クライアント動作入門
SvelteKit のファイルベースルーティング・load 関数によるデータ取得・サーバーとクライアントの境界を全3回で解説。+page.server.ts や SSR の仕組みを商品カタログアプリの実装を通じて基礎から学べるシリーズです。
sveltekit-server-client-basics
Series
SvelteKit サーバー・クライアント動作入門
順番に読むことで、テーマ全体を体系的に理解できます。
1 SvelteKit のルーティングとファイル構造を理解する \n +page.svelte から +server.ts まで全ファイルの役割を一気に把握する2 SvelteKit のデータ取得を理解する \n +page.server.ts・+page.ts・+server.ts の使い分けと load 関数の仕組み3 SvelteKit のサーバーとクライアントの境界を理解する \n .server.ts の意味・SSR の仕組み・エラーページ・認証ガードの実装
Articles
全 3 記事
Reading
シリーズ順に表示
Series Articles
SvelteKit サーバー・クライアント動作入門 の記事一覧
上から順番に読み進めることで、テーマ全体を体系的に理解できます。
全 3 記事
1
第 1 回
SvelteKit のルーティングとファイル構造を理解する +page.svelte から +server.ts まで全ファイルの役割を一気に把握する
SvelteKit のファイルベースルーティングを基礎から解説。+page.svelte・+layout.svelte・+page.server.ts・+server.ts など全ファイルの役割と配置ルールを商品カタログアプリの実装を通じて学びます。
2026/05/27
記事を読む →
2
第 2 回
SvelteKit のデータ取得を理解する +page.server.ts・+page.ts・+server.ts の使い分けと load 関数の仕組み
SvelteKit でページにデータを渡す3つの方法を実践解説。+page.server.ts・+page.ts・+server.ts の違いと使いどころを、商品カタログアプリの load 関数実装を通じて体系的に学びます。
2026/05/27
記事を読む →
3
第 3 回
SvelteKit のサーバーとクライアントの境界を理解する .server.ts の意味・SSR の仕組み・エラーページ・認証ガードの実装
SvelteKit の「コードがどこで動くか」を体系的に解説。.server.ts の命名規則の意味・SSR と CSR の違い・$app/environment による環境判定・+error.svelte・redirect() を使った認証ガードまでを網羅します。
2026/05/27
記事を読む →