In this guide, you will create a new SvelteKit ↗ application and deploy to Cloudflare Workers.
Use the create-cloudflare ↗ CLI (C3) to set up a new project. C3 will create a new project directory, initiate SvelteKit's official setup tool, and provide the option to deploy instantly.
To use create-cloudflare to create a new SvelteKit project with Workers Assets, run the following command:
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
bun
create cloudflare@latest my-svelte-app --framework=svelte
After setting up your project, change your directory by running the following command:
cd my-svelte-appAfter you have created your project, run the following command in the project directory to start a local server. This will allow you to preview your project locally during development.
npm
run dev
yarn
run dev
pnpm
run dev
bun
run dev
Your project can be deployed to a *.workers.dev subdomain or a Custom Domain, from your own machine or from any CI/CD system, including Cloudflare's own.
The following command will build and deploy your project. If you're using CI, ensure you update your "deploy command" configuration appropriately.
npm
run deploy
yarn
run deploy
pnpm
run deploy
bun
run deploy
Your SvelteKit application can be fully integrated with the Cloudflare Developer Platform, in both local development and in production, by using product bindings. The SvelteKit documentation ↗ provides information about configuring bindings and how you can access them in your SvelteKit hooks and endpoints.
With bindings, your application can be fully integrated with the Cloudflare Developer Platform, giving you access to compute, storage, AI and more.