Skip to content

Commit 9bdb327

Browse files
committed
add links to vite plugin
1 parent cce882a commit 9bdb327

File tree

3 files changed

+14
-10
lines changed

3 files changed

+14
-10
lines changed

src/content/docs/workers/frameworks/framework-guides/hono.mdx

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ import {
1616
FileTree,
1717
} from "~/components";
1818

19-
**Start from CLI** - scaffold a full-stack app with a Hono API, React SPA and the Cloudflare Vite plugin for lightning-fast development.
19+
**Start from CLI** - scaffold a full-stack app with a Hono API, React SPA and the [Cloudflare Vite plugin](/workers/vite-plugin/) for lightning-fast development.
2020

2121
<PackageManagers
2222
type="create"
@@ -63,18 +63,19 @@ With Workers Assets, you can easily combine a Hono API running on Workers with a
6363
- `assets.not_found_handling` is set to `single-page-application`, which means that routes that are handled by your SPA do not go to the Worker, and are thus free.
6464
- If you want to add bindings to resources on Cloudflare's developer platform, you configure them here. Read more about [bindings](/workers/runtime-apis/bindings/).
6565

66-
`vite.config.ts` is set up to use the Cloudflare Vite plugin. This runs your Worker in the Cloudflare Workers runtime, ensuring your local development environment is as close to production as possible.
66+
`vite.config.ts` is set up to use the [Cloudflare Vite plugin](/workers/vite-plugin/). This runs your Worker in the Cloudflare Workers runtime, ensuring your local development environment is as close to production as possible.
6767

6868
`src/worker/index.ts` is your Hono app, which contains a single endpoint to begin with, `/api`.
6969
At `src/react-app/src/App.tsx`, your React app calls this endpoint to get a message back and displays this in your SPA.
7070
</Details>
7171

72-
2. **Develop locally with the Cloudflare Vite plugin**
72+
2. **Develop locally with the [Cloudflare Vite plugin](/workers/vite-plugin/)**
7373

7474
After creating your project, run the following command in your project directory to start a local development server.
7575
<PackageManagers type="run" args="dev" />
7676
<Details header="What's happening in local development?">
7777
This project uses Vite for local development and build, and thus comes with all of Vite's features, including hot module replacement (HMR).
78+
7879
In addition, `vite.config.ts` is set up to use the Cloudflare Vite plugin. This runs your application in the Cloudflare Workers runtime, just like in production, and enables access to local emulations of bindings.
7980
</Details>
8081

src/content/docs/workers/frameworks/framework-guides/react.mdx

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ import {
1616
Steps,
1717
} from "~/components";
1818

19-
**Start from CLI** - scaffold a full-stack app with a React SPA, Cloudflare Workers API, and the Cloudflare Vite plugin for lightning-fast development.
19+
**Start from CLI** - scaffold a full-stack app with a React SPA, Cloudflare Workers API, and the [Cloudflare Vite plugin](/workers/vite-plugin/) for lightning-fast development.
2020

2121
<PackageManagers
2222
type="create"
@@ -62,18 +62,19 @@ import {
6262
- `assets.not_found_handling` is set to `single-page-application`, which means that routes that are handled by your React SPA do not go to the Worker, and are thus free.
6363
- If you want to add bindings to resources on Cloudflare's developer platform, you configure them here. Read more about [bindings](/workers/runtime-apis/bindings/).
6464

65-
`vite.config.ts` is set up to use the Cloudflare Vite plugin. This runs your Worker in the Cloudflare Workers runtime, ensuring your local development environment is as close to production as possible.
65+
`vite.config.ts` is set up to use the [Cloudflare Vite plugin](/workers/vite-plugin/). This runs your Worker in the Cloudflare Workers runtime, ensuring your local development environment is as close to production as possible.
6666

6767
`worker/index.ts` is your backend API, which contains a single endpoint, `/api/`, that returns a text response.
6868
At `src/App.tsx`, your React app calls this endpoint to get a message back and displays this.
6969
</Details>
7070

71-
2. **Develop locally with the Cloudflare Vite plugin**
71+
2. **Develop locally with the [Cloudflare Vite plugin](/workers/vite-plugin/)**
7272

7373
After creating your project, run the following command in your project directory to start a local development server.
7474
<PackageManagers type="run" args="dev" />
7575
<Details header="What's happening in local development?">
7676
This project uses Vite for local development and build, and thus comes with all of Vite's features, including hot module replacement (HMR).
77+
7778
In addition, `vite.config.ts` is set up to use the Cloudflare Vite plugin. This runs your application in the Cloudflare Workers runtime, just like in production, and enables access to local emulations of bindings.
7879
</Details>
7980

src/content/docs/workers/frameworks/framework-guides/vue.mdx

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -49,22 +49,24 @@ To use `create-cloudflare` to create a new Vue project with <InlineBadge preset=
4949
- `assets.not_found_handling` is set to `single-page-application`, which means that routes that are handled by your Vue SPA do not go to the Worker, and are thus free.
5050
- If you want to add bindings to resources on Cloudflare's developer platform, you configure them here. Read more about [bindings](/workers/runtime-apis/bindings/).
5151

52-
`vite.config.ts` is set up to use the Cloudflare Vite plugin. This runs your Worker in the Cloudflare Workers runtime, ensuring your local development environment is as close to production as possible.
52+
`vite.config.ts` is set up to use the [Cloudflare Vite plugin](/workers/vite-plugin/). This runs your Worker in the Cloudflare Workers runtime, ensuring your local development environment is as close to production as possible.
5353

5454
`server/index.ts` is your backend API, which contains a single endpoint, `/api/`, that returns a text response.
5555
At `src/App.vue`, your Vue app calls this endpoint to get a message back and displays this.
5656
</Details>
5757

58-
## 2. Develop locally
58+
## **Develop locally with the [Cloudflare Vite plugin](/workers/vite-plugin/)**
5959

6060
After 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.
6161

6262
<PackageManagers type="run" args={"dev"} />
6363
<Details header="What's happening in local development?">
6464
This project uses Vite for local development and build, and thus comes with
6565
all of Vite's features, including hot module replacement (HMR). In addition,
66-
`vite.config.ts` is set up to use the Cloudflare Vite plugin.
67-
This runs your application in the Cloudflare Workers runtime, just like in production, and enables access to local emulations of bindings.
66+
`vite.config.ts` is set up to use the [Cloudflare Vite
67+
plugin](/workers/vite-plugin/). This runs your application in the Cloudflare
68+
Workers runtime, just like in production, and enables access to local
69+
emulations of bindings.
6870
</Details>
6971

7072
## 3. Deploy your project

0 commit comments

Comments
 (0)