/Knowledge/sources/honojs__hono/llms-full/jsx-renderer-middleware-nested-layouts--5b77299aaa2e.md
JSX Renderer Middleware: Nested Layouts - hono-docs
JSX Renderer Middleware: Nested Layouts Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://hono.dev/llms full.txt nested layouts...
JSX Renderer Middleware: Nested Layouts
Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://hono.dev/llms-full.txt#nested-layouts
Summary
The Layout component enables nesting the layouts. ```tsx app.use( jsxRenderer(({ children }) => { return ( {children} ) }) ) const blog = new Hono() blog.use( jsxRenderer(({ children, Layout }) => { return ( Blog Menu {children} ) }) )...
Content
The Layout component enables nesting the layouts.
app.use(
jsxRenderer(({ children }) => {
return (
<html>
<body>{children}</body>
</html>
)
})
)
const blog = new Hono()
blog.use(
jsxRenderer(({ children, Layout }) => {
return (
<Layout>
<nav>Blog Menu</nav>
<div>{children}</div>
</Layout>
)
})
)
app.route('/blog', blog)
Metadata
{
"chunk_index": 0,
"citation": "https://hono.dev/llms-full.txt#nested-layouts",
"coverage_role": "overview",
"qualified_title": "Hono / llms-full / JSX Renderer Middleware > Nested Layouts",
"retrieved_at": "2026-07-02T05:51:01Z",
"section_index": 241,
"source_id": "/honojs/hono",
"source_type": "llms_full",
"target_label": "llms-full",
"title": "JSX Renderer Middleware: Nested Layouts",
"upstream_url": "https://hono.dev/llms-full.txt",
"version": "2026"
}
Kinic Wiki