You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
[Svelte](https://svelte.dev) is an increasingly popular, open-source framework for building user interfaces and web applications. Unlike most frameworks, Svelte is primarily a compiler that converts your component code into efficient JavaScript that surgically updates the DOM when your application state changes.
9
+
SvelteKit is the official framework for building modern web applications with [Svelte](https://svelte.dev), an increasingly popular open-source tool for creating user interfaces. Unlike most frameworks, SvelteKit uses Svelte, a compiler that transforms your component code into efficient JavaScript, enabling SvelteKit to deliver fast, reactive applications that update the DOM surgically as the application state changes.
9
10
10
-
In this guide, you will create a new Svelte application and deploy it using Cloudflare Pages.
11
+
In this guide, you will create a new SvelteKit application and deploy it using Cloudflare Pages.
11
12
You will use [`SvelteKit`](https://kit.svelte.dev/), the official Svelte framework for building web applications of all sizes.
12
13
13
14
## Setting up a new project
14
15
15
-
Use the [`create-cloudflare`](https://www.npmjs.com/package/create-cloudflare) CLI (C3) to set up a new project. C3 will create a new project directory, initiate Svelte's official setup tool, and provide the option to deploy instantly.
16
+
Use the [`create-cloudflare`](https://www.npmjs.com/package/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.
16
17
17
-
To use `create-cloudflare` to create a new Svelte project, run the following command:
18
+
To use `create-cloudflare` to create a new SvelteKit project, run the following command:
18
19
19
20
<PackageManagers
20
21
type="create"
@@ -24,7 +25,7 @@ To use `create-cloudflare` to create a new Svelte project, run the following com
24
25
25
26
SvelteKit will prompt you for customization choices. For the template option, choose one of the application/project options. The remaining answers will not affect the rest of this guide. Choose the options that suit your project.
26
27
27
-
`create-cloudflare` will then install dependencies, including the [Wrangler](/workers/wrangler/install-and-update/#check-your-wrangler-version) CLI and the `@sveltejs/adapter-cloudflare` adapter, and ask you setup questions.
28
+
`create-cloudflare` will then install dependencies, including the [Wrangler](/workers/wrangler/install-and-update/#check-your-wrangler-version) CLI and the SvelteKit `@sveltejs/adapter-cloudflare` adapter, and ask you setup questions.
28
29
29
30
After you have installed your project dependencies, start your application:
30
31
@@ -121,7 +122,7 @@ If you are using any adapter different from the default SvelteKit adapter, remem
121
122
122
123
<Render
123
124
file="deploy-to-pages-steps-with-preset"
124
-
params={{ name: "SveltKit" }}
125
+
params={{ name: "SvelteKit" }}
125
126
/>
126
127
127
128
<div>
@@ -136,7 +137,7 @@ After completing configuration, click the **Save and Deploy** button.
136
137
137
138
You will see your first deploy pipeline in progress. Pages installs all dependencies and builds the project as specified.
138
139
139
-
Cloudflare Pages will automatically rebuild your project and deploy it on every new pushed commit.
140
+
Cloudflare Pages will automatically rebuild your SvelteKit project and deploy it on every new pushed commit.
140
141
141
142
Additionally, you will have access to [preview deployments](/pages/configuration/preview-deployments/), which repeat the build-and-deploy process for pull requests. With these, you can preview changes to your project with a real URL before deploying them to production.
Copy file name to clipboardExpand all lines: src/content/docs/pages/functions/routing.mdx
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -128,7 +128,7 @@ On a purely static project, Pages offers unlimited free requests. However, once
128
128
129
129
:::note
130
130
131
-
Some frameworks (such as Remix, SvelteKit) will also automatically generate a `_routes.json` file. However, if your preferred framework does not, create an issue on their framework repository with a link to this page or let us know on [Discord](https://discord.cloudflare.com). Refer to the [Framework guide](/pages/framework-guides/) for more information on full-stack frameworks.
131
+
Some frameworks (such as [Remix](/pages/framework-guides/deploy-a-remix-site/), [SvelteKit](/pages/framework-guides/deploy-a-svelte-kit-site/)) will also automatically generate a `_routes.json` file. However, if your preferred framework does not, create an issue on their framework repository with a link to this page or let us know on [Discord](https://discord.cloudflare.com). Refer to the [Framework guide](/pages/framework-guides/) for more information on full-stack frameworks.
0 commit comments