SvelteKit

このガイドでは、新しい SvelteKit ↗ アプリケーションを作成し、Cloudflare Workers にデプロイします。

create-cloudflare ↗ CLI（C3）で新しいプロジェクトを用意します。C3 は新しいプロジェクトディレクトリを作成し、SvelteKit 公式のセットアップツールを起動し、すぐにデプロイする選択肢も出します。

create-cloudflare で Workers Assets 付きの新しい SvelteKit プロジェクトを作成するには、次のコマンドを実行します。

npm create cloudflare@latest -- my-svelte-app --framework=svelte

yarn create cloudflare my-svelte-app --framework=svelte

pnpm create cloudflare@latest my-svelte-app --framework=svelte

プロジェクトを用意したら、次のコマンドでディレクトリを移ります。

cd my-svelte-app

プロジェクトを作成したら、プロジェクトディレクトリで次のコマンドを実行してローカルサーバーを起動します。開発中にプロジェクトをローカルでプレビューできます。

npm run dev

yarn run dev

pnpm run dev

プロジェクトは、自分のマシンからでも、Cloudflare 提供のもの を含む任意の CI/CD システムからでも、*.workers.dev サブドメインまたは カスタムドメイン にデプロイできます。

次のコマンドでプロジェクトをビルドしてデプロイします。CI を使う場合は、「デプロイコマンド」 の設定を適切に更新してください。

npm run deploy

yarn run deploy

pnpm run deploy

SvelteKit アプリケーションは、プロダクトバインディングを使って、ローカル開発でも本番でも Cloudflare Developer Platform と統合できます。バインディングの設定と、SvelteKit の hooks および endpoints からのアクセス方法は SvelteKit のドキュメント ↗ を参照してください。

バインディングを使うと、アプリケーションを Cloudflare Developer Platform と完全に統合でき、コンピュート、ストレージ、AI などへアクセスできます。