Skip to content

Commit 622d305

Browse files
ToriLindsaydaisyfaithauma
authored andcommitted
SEO-sveltekit (#22097)
1 parent 71e776c commit 622d305

File tree

2 files changed

+9
-8
lines changed

2 files changed

+9
-8
lines changed

src/content/docs/pages/framework-guides/deploy-a-svelte-kit-site.mdx

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,21 @@
11
---
22
pcx_content_type: how-to
33
title: SvelteKit
4+
description: Learn how to create and deploy a SvelteKit application to Cloudflare Pages using the create-cloudflare CLI
45
---
56

67
import { PagesBuildPreset, Render, PackageManagers } from "~/components";
78

8-
[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.
910

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.
1112
You will use [`SvelteKit`](https://kit.svelte.dev/), the official Svelte framework for building web applications of all sizes.
1213

1314
## Setting up a new project
1415

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.
1617

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:
1819

1920
<PackageManagers
2021
type="create"
@@ -24,7 +25,7 @@ To use `create-cloudflare` to create a new Svelte project, run the following com
2425

2526
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.
2627

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.
2829

2930
After you have installed your project dependencies, start your application:
3031

@@ -121,7 +122,7 @@ If you are using any adapter different from the default SvelteKit adapter, remem
121122

122123
<Render
123124
file="deploy-to-pages-steps-with-preset"
124-
params={{ name: "SveltKit" }}
125+
params={{ name: "SvelteKit" }}
125126
/>
126127

127128
<div>
@@ -136,7 +137,7 @@ After completing configuration, click the **Save and Deploy** button.
136137

137138
You will see your first deploy pipeline in progress. Pages installs all dependencies and builds the project as specified.
138139

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.
140141

141142
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.
142143

src/content/docs/pages/functions/routing.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -128,7 +128,7 @@ On a purely static project, Pages offers unlimited free requests. However, once
128128

129129
:::note
130130

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.
132132

133133
:::
134134

0 commit comments

Comments
 (0)