Hono.js mit Claude Code: Ultraschnelles Web Framework 2026

import { Hono } from 'hono'
import { logger } from 'hono/logger'
import { cors } from 'hono/cors'
import { prettyJSON } from 'hono/pretty-json'

const app = new Hono()

// Built-in Middleware
app.use('*', logger())
app.use('*', cors({ origin: 'https://agentic-movers.com' }))
app.use('*', prettyJSON())

// Routing
app.get('/', (c) => c.text('Hono läuft! 🔥'))

app.get('/api/users/:id', (c) => {
  const id = c.req.param('id')
  return c.json({ id, name: 'Daniel' })
})

// Route Groups
const api = new Hono().basePath('/api')
api.get('/health', (c) => c.json({ status: 'ok', ts: Date.now() }))

export default app

import { zValidator } from '@hono/zod-validator'
import { z } from 'zod'

const createUserSchema = z.object({
  name: z.string().min(2).max(50),
  email: z.string().email(),
  role: z.enum(['admin', 'user', 'viewer']).default('user'),
})

app.post(
  '/users',
  zValidator('json', createUserSchema),
  async (c) => {
    const data = c.req.valid('json') // ← vollständig typisiert!
    // data.name, data.email, data.role sind TypeScript-safe
    const user = await db.create(data)
    return c.json(user, 201)
  }
)

// Query Params validieren
const querySchema = z.object({
  page: z.coerce.number().min(1).default(1),
  limit: z.coerce.number().max(100).default(20),
})

app.get('/users', zValidator('query', querySchema), (c) => {
  const { page, limit } = c.req.valid('query')
  return c.json({ page, limit, users: [] })
})

// === SERVER (server.ts) ===
import { Hono } from 'hono'
import { zValidator } from '@hono/zod-validator'

const route = new Hono()
  .get('/api/hello', (c) =>
    c.json({ message: 'Hello from Hono!' })
  )
  .post('/api/posts',
    zValidator('json', z.object({ title: z.string(), body: z.string() })),
    (c) => c.json({ id: crypto.randomUUID(), ...c.req.valid('json') })
  )

export type AppType = typeof route
export default route

// === CLIENT (client.ts) — vollständig typisiert ===
import { hc } from 'hono/client'
import type { AppType } from './server'

const client = hc<AppType>('https://api.agentic-movers.com')

// Vollständige Autovervollständigung + Typprüfung!
const res = await client.api.hello.$get()
const { message } = await res.json() // ← TypeScript kennt den Typ!

const post = await client.api.posts.$post({
  json: { title: 'Hono ist schnell', body: 'Claude Code + Hono = ❤️' }
})

// worker.ts — direkt auf Cloudflare Workers
import { Hono } from 'hono'

type Env = { KV: KVNamespace; DB: D1Database }

const app = new Hono<{ Bindings: Env }>()

app.get('/cached/:key', async (c) => {
  const val = await c.env.KV.get(c.req.param('key'))
  return c.json({ val })
})

app.get('/users', async (c) => {
  const result = await c.env.DB.prepare('SELECT * FROM users LIMIT 10').all()
  return c.json(result.results)
})

export default app

# wrangler.toml
name = "agentic-movers-api"
main = "src/worker.ts"
compatibility_date = "2026-05-01"

[[kv_namespaces]]
binding = "KV"
id = "your-kv-id"

[[d1_databases]]
binding = "DB"
database_name = "production"

# Projekt erstellen (Claude Code macht das automatisch)
npm create cloudflare@latest my-api -- --template=hono

# Lokal entwickeln
npx wrangler dev

# Deploy in Produktion
npx wrangler deploy

# Ergebnis: Live in <1 Sekunde, global verfügbar
✓ Deployed to https://agentic-movers-api.workers.dev