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())を整理した話