/Knowledge/sources/honojs__hono/llms-full/ssg-helper-usage-manual--25636f9bd2fc.md
SSG Helper: Usage > Manual - hono-docs
SSG Helper: Usage Manual Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://hono.dev/llms full.txt manual Summary If you have a...
SSG Helper: Usage > Manual
Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://hono.dev/llms-full.txt#manual
Summary
If you have a simple Hono application like the following: ```tsx // index.tsx const app = new Hono() app.get('/', (c) => c.html('Hello, World!')) app.use('/about', async (c, next) => { c.setRenderer((content) => { return c.html( {content...
Content
If you have a simple Hono application like the following:
// index.tsx
const app = new Hono()
app.get('/', (c) => c.html('Hello, World!'))
app.use('/about', async (c, next) => {
c.setRenderer((content) => {
return c.html(
<html>
<head />
<body>
<p>{content}</p>
</body>
</html>
)
})
await next()
})
app.get('/about', (c) => {
return c.render(
<>
<title>Hono SSG Page</title>Hello!
</>
)
})
export default app
For Node.js, create a build script like this:
// build.ts
import app from './index'
import { toSSG } from 'hono/ssg'
import fs from 'fs/promises'
toSSG(app, fs)
By executing the script, the files will be output as follows:
ls ./static
about.html index.html
Metadata
{
"chunk_index": 0,
"citation": "https://hono.dev/llms-full.txt#manual",
"coverage_role": "overview",
"qualified_title": "Hono / llms-full / SSG Helper > Usage > Manual",
"retrieved_at": "2026-07-02T05:51:01Z",
"section_index": 740,
"source_id": "/honojs/hono",
"source_type": "llms_full",
"target_label": "llms-full",
"title": "SSG Helper: Usage > Manual",
"upstream_url": "https://hono.dev/llms-full.txt",
"version": "2026"
}
Kinic Wiki