Skip to main content

Part 2 / Concepts / SvelteKit とは?

SvelteKit は非常にハイパフォーマンスな web アプリを開発するためのフレームワークです。Svelte が コンポーネントフレームワーク であるのに対し、SvelteKit は アプリケーションフレームワーク であり (または、'metaframework' と呼ぶ人もいます)、プロダクションレディ(production-ready)なものを開発する際のややこしい問題を解決します:

  • ルーティング
  • サーバーサイドレンダリング
  • データ取得
  • Service workers
  • TypeScript インテグレーション
  • プリレンダリング
  • シングルページアプリ
  • ライブラリのパッケージング
  • プロダクション向けビルドの最適化
  • 様々なホスティングプロバイダーへのデプロイ
  • ...などなど

SvelteKit アプリはデフォルトでは (従来の 'マルチページアプリ'、MPA のように) サーバーでレンダリングを行うため、優れた初期ロードパフォーマンスと SEO 特性を備えており、初回のロードのあとは (モダンな 'シングルページアプリ'、SPA のような) クライアントサイドナビゲーションに移行するため、ユーザーが移動する際の不愉快なフルリロードを回避することができます (サードパーティーの analytics コードを含む)。JavaScript が動作する場所ならどこでも実行できます。ただ、後ほど説明しますが、あなたのユーザーは JavaScript を実行する必要が無いかもしれません。

複雑そうに聞こえるかもしれませんが、ご心配なく。SvelteKit はあなたとともに成長するフレームワークです! シンプルに始めてみて、必要に応じて新しい機能を使っていきましょう。このチュートリアルではコアコンセプトを解説し、Advanced SvelteKit チュートリアルではより複雑なユースケースに取り組む方法を教えます。

Next: Project structure

initialising