TECHNOLOGY COMPARE

Astro / SvelteKit

「どっちが上?」ではなく、まず同じ仕事をする道具なのかを確認します。

DIRECT COMPARISON

直接比較しやすい組み合わせ

AstroとSvelteKitはどちらも「Webサイト・Webアプリ」の技術なので、同じ土俵で比較しやすい組み合わせです。

Webサイト・Webアプリ

Astro

コンテンツ中心サイトへ必要な対話部分だけを配るWebフレームワーク。標準では静的HTMLを生成し、選んだUI部品だけをブラウザで動かす。

何を担当する?

標準では静的HTMLを生成し、選んだUI部品だけをブラウザで動かす。

いつ使う?

  • ブログ、文書、企業サイトで表示速度と少ないJavaScriptを重視するとき。

避けたい場面

  • 画面全体が常時対話する単一ページアプリを中心に作るとき。
Webサイト・Webアプリ

SvelteKit

Svelte公式のフルスタックWebアプリフレームワーク。ファイルルーティング、サーバー描画、フォーム処理、配信先連携を提供する。

何を担当する?

ファイルルーティング、サーバー描画、フォーム処理、配信先連携を提供する。

いつ使う?

  • Svelteで画面とサーバー処理を統合したいとき。

避けたい場面

  • Svelteを採用しない既存アプリへ一部だけ追加するとき。
DIRECT RELATION

AstroとSvelteKitはWebアプリ全体の描画・ルーティング・配備方式で比較される。標準では静的HTMLを生成し、選んだUI部品だけをブラウザで動かす。一方、SvelteKitはファイルルーティング、サーバー描画、フォーム処理、配信先連携を提供する。