Examples
All of these run on this same Worker. Click around — the state on this page is real Svelte 5 reactivity, hydrated server-rendered HTML.
Counter (signal state)
Re-renders without a virtual DOM. $state is the whole story.
Live input (two-way binding)
hello, stranger
Conditional & list rendering
Click the counter above.
Out of scope
This library renders Svelte 5 components in a Hono Worker. SSR, hydration, edge cache. Anything beyond that is your code, not this library:
- Want a file-system router? SvelteKit exists.
- Want streaming SSR?
svelte/server'srender()is non-streaming. Build it yourself. - Want server-side data fetched into props? Pass it through Hono's normal handler.
propsis yours. - Want per-component OG images? Write a Hono route.
app.get("/og/:slug.png", ...).