/Knowledge/sources/honojs__hono/llms-full/context-render-setrenderer--part-03--29b206328d42.md
Context: render() / setRenderer() (part 03) - hono-docs
Context: render() / setRenderer() (part 03) Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://hono.dev/llms full.txt render set...
Context: render() / setRenderer() (part 03)
Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://hono.dev/llms-full.txt#render-setrenderer
Summary
Here's an example of how you can use this: ```ts app.use('/pages/*', async (c, next) => { c.setRenderer((content, head) => { return c.html( {head.title} {head.title} {content} ) }) await next() }) app.get('/pages/my-favorite', (c) => { r...
Content
Here's an example of how you can use this:
app.use('/pages/*', async (c, next) => {
c.setRenderer((content, head) => {
return c.html(
<html>
<head>
<title>{head.title}</title>
</head>
<body>
<header>{head.title}</header>
<p>{content}</p>
</body>
</html>
)
})
await next()
})
app.get('/pages/my-favorite', (c) => {
return c.render(<p>Ramen and Sushi</p>, {
title: 'My favorite',
})
})
app.get('/pages/my-hobbies', (c) => {
return c.render(<p>Watching baseball</p>, {
title: 'My hobbies',
})
})
Metadata
{
"chunk_index": 2,
"citation": "https://hono.dev/llms-full.txt#render-setrenderer",
"coverage_role": "overview",
"qualified_title": "Hono / llms-full / Context > render() / setRenderer() (3)",
"retrieved_at": "2026-07-02T05:51:01Z",
"section_index": 563,
"source_id": "/honojs/hono",
"source_type": "llms_full",
"target_label": "llms-full",
"title": "Context: render() / setRenderer() (part 03)",
"upstream_url": "https://hono.dev/llms-full.txt",
"version": "2026"
}