Part 2 / Concepts / SvelteKit とは?
SvelteKit は非常にハイパフォーマンスな web アプリを開発するためのフレームワークです。Svelte が コンポーネントフレームワーク であるのに対し、SvelteKit は アプリケーションフレームワーク であり (または、'metaframework' と呼ぶ人もいます)、プロダクションレディ(production-ready)なものを開発する際のややこしい問題を解決します:
- ルーティング
- サーバーサイドレンダリング
- データ取得
- Service workers
- TypeScript インテグレーション
- プリレンダリング
- シングルページアプリ
- ライブラリのパッケージング
- プロダクション向けビルドの最適化
- 様々なホスティングプロバイダーへのデプロイ
- ...などなど
SvelteKit アプリはデフォルトでは (従来の 'マルチページアプリ'、MPA のように) サーバーでレンダリングを行うため、優れた初期ロードパフォーマンスと SEO 特性を備えており、初回のロードのあとは (モダンな 'シングルページアプリ'、SPA のような) クライアントサイドナビゲーションに移行するため、ユーザーが移動する際の不愉快なフルリロードを回避することができます (サードパーティーの analytics コードを含む)。JavaScript が動作する場所ならどこでも実行できます。ただ、後ほど説明しますが、あなたのユーザーは JavaScript を実行する必要が無いかもしれません。
複雑そうに聞こえるかもしれませんが、ご心配なく。SvelteKit はあなたとともに成長するフレームワークです! シンプルに始めてみて、必要に応じて新しい機能を使っていきましょう。このチュートリアルではコアコンセプトを解説し、Advanced SvelteKit チュートリアルではより複雑なユースケースに取り組む方法を教えます。
initialising