/Wiki/sources/honojs__hono/2026/https-hono-dev-llms-full-txt-nested-layouts-ff57d2682eef-nested-layouts-s0241-c0000.md
Nested Layouts - hono-docs
Nested Layouts Source evidence: /Sources/raw/honojs hono/honojs hono.md Canonical citation: https://hono.dev/llms full.txt nested layouts Summary The Layout...
Nested Layouts
Source evidence: /Sources/raw/honojshono/honojshono.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)