Vite + TypeScript + Webflow Cloud (site-attached)

Example Vite + TypeScript app with a Hono worker on Cloudflare, configured for Webflow Cloud with Devlink integration for connecting to an existing Webflow site.

Project structure

.
├── index.html
├── LICENSE
├── package.json
├── package-lock.json
├── public
│   ├── hono.svg
│   ├── vite.svg
│   └── webflow.svg
├── src
│   ├── api.ts
│   ├── counter.ts
│   ├── devlink/         # generated by Webflow CLI from your linked site
│   ├── globals.d.ts
│   ├── main.ts
│   ├── style.css
│   └── worker.ts
├── tsconfig.json
├── vite.config.ts
├── webflow.json
└── wrangler.json

Commands

Command	Action
npm install	Install dependencies.
npm run dev	Generate Wrangler types, then start the Vite dev server (default http://localhost:5173).
npm run build	Generate Wrangler types, run tsc, then production-build the app to dist/.
npm run preview	Generate Wrangler types, then serve the production build locally (default http://localhost:4173).

Devlink

The webflow.json devlink block tells the Webflow CLI where to write generated React components from your linked Webflow site. After running webflow cloud init (or webflow auth login + webflow devlink sync) the CLI populates ./src/devlink/ with components you can import directly into your Vite app.

Learn more

• Vite documentation
• Hono documentation
• Webflow Cloud
• Devlink