/Knowledge/sources/honojs__hono/llms-full/cloudflare-workers-vite-client-side--35b838f3a4c6.md
Cloudflare Workers + Vite: Client-side - hono-docs
Cloudflare Workers + Vite: Client side Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://hono.dev/llms full.txt client side Sum...
Cloudflare Workers + Vite: Client-side
Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://hono.dev/llms-full.txt#client-side
Summary
vite-ssr-components lets you load client-side scripts through Vite. Add a Script component pointing to your client entry point, and Vite handles bundling for both dev and production: ```tsx import { jsxRenderer } from 'hono/jsx-rende...
Content
vite-ssr-components lets you load client-side scripts through Vite.
Add a Script component pointing to your client entry point, and Vite handles bundling for both dev and production:
import { jsxRenderer } from 'hono/jsx-renderer'
import { Script, ViteClient } from 'vite-ssr-components/hono'
export const renderer = jsxRenderer(({ children }) => {
return (
<html>
<head>
<ViteClient />
<Script src='/src/client.ts' />
</head>
<body>{children}</body>
</html>
)
})
For more details, see the @cloudflare/vite-plugin documentation and vite-ssr-components.
Metadata
{
"chunk_index": 0,
"citation": "https://hono.dev/llms-full.txt#client-side",
"coverage_role": "overview",
"qualified_title": "Hono / llms-full / Cloudflare Workers + Vite > Client-side",
"retrieved_at": "2026-07-02T05:51:01Z",
"section_index": 502,
"source_id": "/honojs/hono",
"source_type": "llms_full",
"target_label": "llms-full",
"title": "Cloudflare Workers + Vite: Client-side",
"upstream_url": "https://hono.dev/llms-full.txt",
"version": "2026"
}
Kinic Wiki