/Knowledge/sources/honojs__hono/llms-full/cloudflare-workers-vite-setup--ca9409c5511e.md
Cloudflare Workers + Vite: Setup - hono-docs
Cloudflare Workers + Vite: Setup Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://hono.dev/llms full.txt 1 setup Summary A sta...
Cloudflare Workers + Vite: Setup
Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://hono.dev/llms-full.txt#1-setup
Summary
A starter for Cloudflare Workers with Vite is available. Start your project with the "create-hono" command. Select the cloudflare-workers+vite template for this example. ::: code-group sh [npm] npm create hono@latest my-app ```s...
Content
A starter for Cloudflare Workers with Vite is available.
Start your project with the "create-hono" command.
Select the cloudflare-workers+vite template for this example.
::: code-group
npm create hono@latest my-app
yarn create hono my-app
pnpm create hono my-app
bun create hono@latest my-app
deno init --npm hono my-app
:::
Move into my-app and install the dependencies.
::: code-group
cd my-app
npm i
cd my-app
yarn
cd my-app
pnpm i
cd my-app
bun i
:::
Below is a basic directory structure.
./
├── package.json
├── public // Put your static files here.
├── src
│ ├── index.tsx // The entry point for server-side.
│ ├── renderer.tsx
│ └── style.css
├── tsconfig.json
├── vite.config.ts
└── wrangler.jsonc
Metadata
{
"chunk_index": 0,
"citation": "https://hono.dev/llms-full.txt#1-setup",
"coverage_role": "overview",
"qualified_title": "Hono / llms-full / Cloudflare Workers + Vite > 1. Setup (1)",
"retrieved_at": "2026-07-02T05:51:01Z",
"section_index": 497,
"source_id": "/honojs/hono",
"source_type": "llms_full",
"target_label": "llms-full",
"title": "Cloudflare Workers + Vite: Setup",
"upstream_url": "https://hono.dev/llms-full.txt",
"version": "2026"
}