Svelte/SvelteKit

SvelteKitを中心としたフルスタックWEB開発の知見。ルーティング・SSR・状態管理からパフォーマンスチューニングまで、実装レベルのノウハウを発信します。

5件の記事

Next.jsとSvelteKitのコーディング的な違い

仮想DOMかコンパイラかというアーキテクチャの話や、Vercelのゼロコンフィグデプロイのようなインフラの話は一旦置いて、実際に手を動かすときのコーディング面での違いを整理しました。

SvelteKitのコンポーネントはstateとロジックを書き込むほど肥大化していきます。Alcogyが実践している「stateを.svelte.tsに出す」設計と、classではなく関数で管理している理由を解説します。

SvelteKitの+page.server.tsと+page.tsはどちらもデータ取得に使えますが、実行環境と用途が異なります。Alcogyの実装判断基準を実例とともに紹介します。

$state・$derived・$propsといったrunes構文の導入で、コンポーネント間のデータの流れが明快になりました。旧stores構文との違いと実務での恩恵を整理します。

SvelteKitのファイルベースルーティングと$libエイリアスは、使い方次第で保守性が大きく変わります。ページ固有ロジックと共通ロジックの線引きをAlcogyの実例で解説します。