/Wiki/sources/honojs__hono/2026/https-hono-dev-llms-full-txt-2-hello-world-a0ae090da402-2-hello-world-s0498-c0000.md
2. Hello World - hono-docs
2. Hello World Source evidence: /Sources/raw/honojs hono/honojs hono.md Canonical citation: https://hono.dev/llms full.txt 2 hello world Summary Edit src/ind...
2. Hello World
Source evidence: /Sources/raw/honojshono/honojshono.md Canonical citation: https://hono.dev/llms-full.txt#2-hello-world
Summary
Edit src/index.tsx like the following: ```tsx import { Hono } from 'hono' import { renderer } from './renderer' const app = new Hono() app.use(renderer) app.get('/', (c) => { return c.render( Hello, Cloudflare Workers! ) }) export defa...
Content
Edit src/index.tsx like the following:
import { Hono } from 'hono'
import { renderer } from './renderer'
const app = new Hono()
app.use(renderer)
app.get('/', (c) => {
return c.render(<h1>Hello, Cloudflare Workers!</h1>)
})
export default appThe renderer is defined in src/renderer.tsx using Hono's JSX renderer middleware together with vite-ssr-components, which wires up Vite's client and assets:
import { jsxRenderer } from 'hono/jsx-renderer'
import { Link, ViteClient } from 'vite-ssr-components/hono'
export const renderer = jsxRenderer(({ children }) => {
return (
<html>
<head>
<ViteClient />
<Link href='/src/style.css' rel='stylesheet' />
</head>
<body>{children}</body>
</html>
)
})
Kinic Wiki