Drop a .svelte file in a Hono Worker.
That's it.

The whole worker

import { Hono } from "hono";
import { svelteRenderer, attachSvelteRoutes } from "svelte-hono";
import { bundles } from "./bundles.generated";
import Hello from "./hello.svelte";

const app = new Hono();
attachSvelteRoutes(app, { bundles });

app.get(
  "/",
  svelteRenderer(Hello, {
    hydrateAs: "hello",
    title: "Hello",
    props: { initialCount: 0 },
  }),
);

export default app;

This page is the receipt — you're reading it. The site you're on is built with svelte-hono. Why this exists →

What you get

• SSR first paint. The HTML is real, server-rendered Svelte. No blank flash.
• Hydration after. Click handlers, $state, $effect all work.
• One build step. buildHonoSvelte() handles both passes.
• Shared runtime. Svelte's ~103 KB client runtime ships once across every component on your site. Per-component bundles are 1–16 KB, not 45–70 KB. Linear scaling stops being a tax.
• Deploy-safe by default. HTML revalidates every request — new deploys visible everywhere instantly. Static bundles ship as content-hashed and immutable.
• Cloudflare Workers native. No eval, no new Function, no codegen.
• ~5 KB library + your component bundle.