Svelte（スベルト）

概要

Svelte はビルド時にコンポーネントを純粋な JS に変換するコンパイラです。仮想 DOM のオーバーヘッドがなく、バンドルサイズも小さくなります。`$state`・`$derived`・`$effect` のルーン（Runes）API が Svelte 5 で導入され、より明示的なリアクティビティが実現されました。

SvelteKit との関係

SvelteKit は Svelte の公式フルスタックフレームワークで、Next.js や Nuxt に相当します。ファイルベースルーティング・SSR・SSG・API ルートを提供し、Vite をビルドツールとして採用しています。