Part 2 / Concepts / Server and client

SvelteKit アプリは、サーバー と クライアント の2つが連携して動作していると考えることができます。

'サーバー' という言葉は、もしかしたら混乱を招くかもしれません。なぜなら、アプリが サーバーレス(serverless) 環境 (cloud/edge functions) で実行されたり、完全に静的なファイルのセットとしてデプロイされたりするからです。しかし、これがベストな言葉です。サーバーの基本的な仕事は、リクエストをレスポンスに変換することです。

'クライアント' は、ブラウザに読み込まれる JavaScript を指します。

SvelteKit はこの2つをお互いにシームレスに通信させるようにします。最初のページロードでは、サーバーが HTML をレンダリングし、コンテンツを可能な限り早く表示させます。その後、'ハイドレーション(hydration)' と呼ばれるプロセスでクライアントが引き継ぐため、以降のナビゲーションではページをフルで再読み込みすることはありません。クライアントは、必要に応じて追加のコードやデータをサーバーにリクエストします。

必要に応じてこの動作を調整することができます。SvelteKit は非常に多機能です！