SvelteKit 基礎
SvelteKitの基本的な概念・機能をまとめた記事シリーズです。
フレームワーク構造・ルーティング
- SvelteKitのフレームワーク構造を整理した話
- SvelteKitの+layout.svelteと+page.svelteの役割の切り分けを整理した話
- SvelteKitのレイアウト（+layout.svelte）を深掘りした話
- SvelteKitで記事一覧・詳細ページを作った話
- SvelteKitの高度なルーティング（オプショナルパラメータ・レストパラメータ・マッチャー）を整理した話
データ取得・load関数
- SvelteKitのload関数の詳細（depends・invalidate・parent）を整理した話
- SvelteKitのストリーミング（遅延ロード）を試した話
- SvelteKitのsnapshotでページ離脱時の入力内容を復元した話
- SvelteKitのページオプション（prerender・ssr・csr）を整理した話
- SvelteKitのパフォーマンス最適化（preloadData・preloadCode・goto）を整理した話
APIエンドポイント・フォーム
- SvelteKitの+server.tsでAPIエンドポイントを作った話
- SvelteKitのAPIルートにCORS対応を追加した話
- SvelteKitでTODOアプリを作った話
- SvelteKitのuse:enhanceによるフォームの段階的強化を整理した話
- SvelteKitの名前付きアクション（Named Actions）でフォームを整理した話
- SvelteKitのフォームバリデーションにZodを導入した話
hooks・エラー処理
- SvelteKitのhooksを深掘りした話（handle・handleError・handleFetch・sequence）
- SvelteKitのhandleFetchフックでサーバー側fetchをカスタマイズした話
- SvelteKitのエラーハンドリング（+error.svelteとerror()）を整理した話