一般的な SvelteKit プロジェクトはこのような構成です: ```bash my-project/ ├ src/ │ ├ lib/ │ │ ├ server/ │ │ │ └ [your server-only lib files] │ │ └ [your lib files] │ ├ params/ │ │ └ [your param matchers] │ ├ routes/ │ │ └ [your routes] │ ├ app.html │ ├ error.html │ ├ hooks.client.js │ ├ hooks.server.js │ └ service-worker.js ├ static/ │ └ [your static assets] ├ tests/ │ └ [your tests] ├ package.json ├ svelte.config.js ├ tsconfig.json └ vite.config.js ``` また、`.gitignore`、`.npmrc` などの共通ファイルもあります (もし `npx sv create` の実行時にオプションを選択した場合は `.prettierrc` や `eslint.config.js` などもあるでしょう)。 ## プロジェクトファイル ### src `src` ディレクトリには、プロジェクトの中身が格納されます。`src/routes` と `src/app.html` 以外は全てオプションです。 - `lib` にはあなたのライブラリのコード (ユーティリティやコンポーネント) を格納します。格納されたコードは [`$lib`]($lib) エイリアスを使用してインポートしたり、[`svelte-package`](packaging) を使用して配布用にパッケージングすることができます。 - `server` にはあなたのサーバー専用のライブラリのコードを格納します。格納されたコードは [`$lib/server`](server-only-modules) エイリアスを使用してインポートすることができます。SvelteKit はこれをクライアントコードにインポートされるのを防ぎます。 - `params` にはアプリに必要な [param matchers](advanced-routing#Matching) を格納します - `routes` にはアプリケーションの [ルート(routes)](routing) を格納します。単一のルート(route)でしか使われないコンポーネントをここに置くこともできます - `app.html` はページのテンプレートで、以下のプレースホルダーを含む HTML document です: - `%sveltekit.head%` — アプリに必要な `` 要素や `