1 
2במשך שנים, בחירת framework אינטרנט של JavaScript משמעה הסכמה לפשרה: Express היה אוניברסלי אך איטי וקשור ל-Node, Fastify מהיר אך רק ל-Node, Next.js מלא תכונות אך כבד. כשהגיעו רנטיימי edge — Cloudflare Workers, Deno Deploy, Bun, Vercel Edge — ה-frameworks הללו הראו את הגבולות שלהם.
3 
4[Hono](https://hono.dev) (יפנית ל"להבה" 🔥) הוא התשובה המודרנית. framework של פחות מ-14KB, בנוי לחלוטין על Web Standards (`Request`, `Response`, `fetch`), שרץ בכל מקום שיש בו רנטיים JavaScript. אותו הקוד מתפרס ל-Cloudflare Workers, Bun, Deno, Node.js, Vercel, Netlify ו-AWS Lambda — ללא שינויים.
5 
6## למה Hono
7 
81. **ביצועים.** ה-`RegExpRouter` ממיר את כל תבניות הניתוב ל-regex אחד. בנצ'מרקים עוברים 400,000 ops/שנייה.
92. **ניידות.** Web Standards משמע אפס תלויות ב-Node.
103. **DX TypeScript-first.** פרמטרי נתיב נגזרים כטיפוסים literals, לקוח RPC type-safe end-to-end.
11 
12```mermaid
13graph LR
14    Client[Client] -->|Request| App[app.fetch]
15    App --> MW1[Middleware 1]
16    MW1 --> MW2[Middleware 2]
17    MW2 --> Router[RegExpRouter]
18    Router --> Handler[Route Handler]
19    Handler --> Context[c.json / c.text]
20    Context -->|Response| Client
21    App -.->|deploy| CF[Cloudflare Workers]
22    App -.->|deploy| Bun[Bun]
23    App -.->|deploy| Deno[Deno]
24    App -.->|deploy| Node[Node.js]
25    App -.->|deploy| Vercel[Vercel]
26```
27 
28## התחלה
29 
30```bash
31npm create hono@latest my-api
32cd my-api
33npm install
34npm run dev
35```
36 
37```typescript
38// src/index.ts
39import { Hono } from 'hono'
40 
41const app = new Hono()
42 
43app.get('/', (c) => c.text('Hello Hono!'))
44 
45export default app
46```
47 
48על Cloudflare Workers זה מספיק. על Bun: `Bun.serve({ fetch: app.fetch, port: 3000 })`. על Node: `serve({ fetch: app.fetch })` מ-`@hono/node-server`.
49 
50## ניתוב
51 
52```typescript
53import { Hono } from 'hono'
54 
55const app = new Hono()
56 
57app.get('/', (c) => c.text('Home'))
58app.get('/posts/:id', (c) => {
59  const id = c.req.param('id')
60  return c.json({ id })
61})
62app.get('/posts/:id/comments/:commentId', (c) => {
63  const { id, commentId } = c.req.param()
64  return c.json({ id, commentId })
65})
66app.get('/files/*', (c) => c.text('Wildcard'))
67app.post('/posts', async (c) => {
68  const body = await c.req.json()
69  return c.json({ created: body }, 201)
70})
71```
72 
73### קיבוץ נתיבים
74 
75```typescript
76// routes/posts.ts
77import { Hono } from 'hono'
78 
79const posts = new Hono()
80posts.get('/', (c) => c.json({ posts: [] }))
81posts.get('/:id', (c) => c.json({ id: c.req.param('id') }))
82export default posts
83 
84// src/index.ts
85import { Hono } from 'hono'
86import posts from './routes/posts'
87 
88const app = new Hono()
89app.route('/posts', posts)
90```
91 
92## אובייקט Context
93 
94```typescript
95app.post('/echo', async (c) => {
96  const userAgent = c.req.header('User-Agent')
97  const page = c.req.query('page')
98  const body = await c.req.json()
99  const env = c.env
100 
101  c.set('requestId', crypto.randomUUID())
102  const id = c.get('requestId')
103 
104  c.header('X-Request-Id', id)
105  c.status(200)
106  return c.json({ userAgent, page, body, id })
107})
108```
109 
110## Middleware: מודל הבצל
111 
112```typescript
113import { Hono } from 'hono'
114import { logger } from 'hono/logger'
115import { cors } from 'hono/cors'
116import { secureHeaders } from 'hono/secure-headers'
117 
118const app = new Hono()
119 
120app.use('*', logger())
121app.use('*', secureHeaders())
122app.use('/api/*', cors({ origin: 'https://spinny.dev' }))
123 
124app.use('*', async (c, next) => {
125  const start = performance.now()
126  await next()
127  c.header('X-Response-Time', `${performance.now() - start}ms`)
128})
129```
130 
131### Middleware מובנים
132 
133| Middleware | תפקיד |
134|-----------|---------|
135| `logger` | לוגים מובנים של מתודה, נתיב, סטטוס, משך |
136| `cors` | CORS ניתן להגדרה לפי origin, מתודות, headers |
137| `csrf` | הגנת CSRF מבוססת origin |
138| `secureHeaders` | מגדיר CSP, HSTS, X-Frame-Options |
139| `bearerAuth` / `basicAuth` | אימות Bearer/Basic מוכן לשימוש |
140| `jwt` | אימות/חתימת JWT עם `jose` |
141| `etag` | מייצר ETag ומטפל ב-304 |
142| `cache` | מטמון דרך Web Cache API |
143| `compress` | gzip/deflate על תגובה |
144| `bodyLimit` | דוחה body מעל סף |
145| `timing` | header Server-Timing לפרופילינג |
146 
147### Middleware מותאם type-safe
148 
149```typescript
150import { createMiddleware } from 'hono/factory'
151 
152type AuthVars = { userId: string; role: 'user' | 'admin' }
153 
154export const requireAuth = createMiddleware<{ Variables: AuthVars }>(
155  async (c, next) => {
156    const token = c.req.header('Authorization')?.replace('Bearer ', '')
157    if (!token) return c.json({ error: 'Unauthorized' }, 401)
158 
159    const payload = await verifyJwt(token)
160    c.set('userId', payload.sub)
161    c.set('role', payload.role)
162    await next()
163  }
164)
165 
166app.get('/me', requireAuth, (c) => {
167  const userId = c.var.userId
168  return c.json({ userId })
169})
170```
171 
172## אימות עם Zod
173 
174```typescript
175import { Hono } from 'hono'
176import { zValidator } from '@hono/zod-validator'
177import { z } from 'zod'
178 
179const createPost = z.object({
180  title: z.string().min(1).max(200),
181  body: z.string().min(1),
182  tags: z.array(z.string()).default([]),
183})
184 
185app.post(
186  '/posts',
187  zValidator('json', createPost),
188  (c) => {
189    const data = c.req.valid('json')
190    return c.json({ ok: true, post: data }, 201)
191  }
192)
193```
194 
195## RPC: לקוח type-safe end-to-end
196 
197```typescript
198// server.ts
199import { Hono } from 'hono'
200import { zValidator } from '@hono/zod-validator'
201import { z } from 'zod'
202 
203const app = new Hono()
204  .get('/posts/:id', (c) =>
205    c.json({ id: c.req.param('id'), title: 'Hello' })
206  )
207  .post(
208    '/posts',
209    zValidator('json', z.object({ title: z.string(), body: z.string() })),
210    (c) => c.json({ ok: true }, 201)
211  )
212 
213export type AppType = typeof app
214export default app
215```
216 
217```typescript
218// client.ts
219import { hc } from 'hono/client'
220import type { AppType } from './server'
221 
222const client = hc<AppType>('https://api.spinny.dev')
223 
224const res = await client.posts[':id'].$get({ param: { id: '42' } })
225if (res.ok) {
226  const data = await res.json()
227  console.log(data.title)
228}
229 
230const created = await client.posts.$post({
231  json: { title: 'שלום', body: 'Hono הוא להבה' },
232})
233```
234 
235### הבחנה לפי קוד סטטוס
236 
237```typescript
238.get('/posts/:id', (c) => {
239  const post = findPost(c.req.param('id'))
240  if (!post) return c.json({ error: 'not found' }, 404)
241  return c.json({ post }, 200)
242})
243```
244 
245```typescript
246const res = await client.posts[':id'].$get({ param: { id } })
247if (res.status === 404) {
248  const { error } = await res.json()
249}
250if (res.status === 200) {
251  const { post } = await res.json()
252}
253```
254 
255## Routers וביצועים
256 
257| Router | חוזקות | מתי להשתמש |
258|--------|-----------|-------------|
259| `RegExpRouter` | מהירות מקסימלית, regex מהודר | ברירת מחדל לרוב ה-APIs |
260| `TrieRouter` | תומך בכל התבניות | תבניות מורכבות ש-RegExp לא מטפל |
261| `SmartRouter` | בוחר את הטוב ביותר אוטומטית | ברירת מחדל מומלצת |
262| `LinearRouter` | רישום מהיר במיוחד | workers חד-פעמיים, cold start קריטי |
263| `PatternRouter` | bundle מינימלי (<15KB) | מגבלות גודל קיצוניות |
264 
265```typescript
266import { Hono } from 'hono'
267import { LinearRouter } from 'hono/router/linear-router'
268 
269const app = new Hono({ router: new LinearRouter() })
270```
271 
272## פריסה מרובת רנטיים
273 
274### Cloudflare Workers
275 
276```typescript
277import { Hono } from 'hono'
278 
279type Bindings = { MY_KV: KVNamespace; DB: D1Database }
280const app = new Hono<{ Bindings: Bindings }>()
281 
282app.get('/cache/:key', async (c) => {
283  const value = await c.env.MY_KV.get(c.req.param('key'))
284  return c.json({ value })
285})
286 
287export default app
288```
289 
290פריסה: `npx wrangler deploy`.
291 
292### Bun
293 
294```typescript
295import { Hono } from 'hono'
296const app = new Hono()
297app.get('/', (c) => c.text('Bun + Hono'))
298 
299Bun.serve({ fetch: app.fetch, port: 3000 })
300```
301 
302### Node.js
303 
304```typescript
305import { serve } from '@hono/node-server'
306import { Hono } from 'hono'
307 
308const app = new Hono()
309app.get('/', (c) => c.text('Node + Hono'))
310 
311serve({ fetch: app.fetch, port: 3000 })
312```
313 
314### Deno
315 
316```typescript
317import { Hono } from 'jsr:@hono/hono'
318const app = new Hono()
319app.get('/', (c) => c.text('Deno + Hono'))
320Deno.serve(app.fetch)
321```
322 
323### Vercel
324 
325```typescript
326// api/[[...route]].ts
327import { Hono } from 'hono'
328import { handle } from 'hono/vercel'
329 
330const app = new Hono().basePath('/api')
331app.get('/hello', (c) => c.json({ msg: 'Hello from Vercel' }))
332 
333export const GET = handle(app)
334export const POST = handle(app)
335```
336 
337## דוגמה מעשית: REST API עם auth ו-DB
338 
339```typescript
340import { Hono } from 'hono'
341import { jwt } from 'hono/jwt'
342import { logger } from 'hono/logger'
343import { cors } from 'hono/cors'
344import { zValidator } from '@hono/zod-validator'
345import { z } from 'zod'
346 
347type Bindings = { DB: D1Database; JWT_SECRET: string }
348type Variables = { jwtPayload: { sub: string } }
349 
350const app = new Hono<{ Bindings: Bindings; Variables: Variables }>()
351 
352app.use('*', logger())
353app.use('/api/*', cors({ origin: 'https://spinny.dev', credentials: true }))
354 
355const auth = (c: any, next: any) =>
356  jwt({ secret: c.env.JWT_SECRET })(c, next)
357 
358const api = app.basePath('/api')
359 
360api.get('/posts', async (c) => {
361  const { results } = await c.env.DB
362    .prepare('SELECT id, title, created_at FROM posts ORDER BY created_at DESC LIMIT 50')
363    .all()
364  return c.json({ posts: results })
365})
366 
367api.post(
368  '/posts',
369  auth,
370  zValidator('json', z.object({
371    title: z.string().min(1).max(200),
372    body: z.string().min(1),
373  })),
374  async (c) => {
375    const { title, body } = c.req.valid('json')
376    const userId = c.var.jwtPayload.sub
377    const result = await c.env.DB
378      .prepare('INSERT INTO posts (title, body, author_id) VALUES (?, ?, ?) RETURNING id')
379      .bind(title, body, userId)
380      .first<{ id: number }>()
381    return c.json({ id: result?.id }, 201)
382  }
383)
384 
385api.onError((err, c) => {
386  console.error(err)
387  return c.json({ error: 'Internal error' }, 500)
388})
389 
390export type AppType = typeof api
391export default app
392```
393 
394## בדיקות
395 
396```typescript
397import { describe, it, expect } from 'vitest'
398import app from '../src/index'
399 
400describe('GET /api/posts', () => {
401  it('מחזיר את רשימת הפוסטים', async () => {
402    const res = await app.request('/api/posts')
403    expect(res.status).toBe(200)
404    const body = await res.json()
405    expect(body.posts).toBeInstanceOf(Array)
406  })
407})
408```
409 
410## שיטות עבודה מומלצות
411 
412### 1. שרשר הגדרות נתיב
413 
414```typescript
415const app = new Hono()
416  .get('/posts', handler1)
417  .post('/posts', handler2)
418  .get('/posts/:id', handler3)
419```
420 
421### 2. ייצא את הטיפוס, לא את היישום
422 
423הלקוח חייב לייבא `AppType`.
424 
425### 3. Router אחד לכל דומיין
426 
427תת-אפליקציה ל-`posts`, `users`, `webhooks`.
428 
429### 4. אימות בגבול, תמיד
430 
431כל קלט חיצוני חייב לעבור דרך `zValidator`.
432 
433### 5. הסתמך על bindings, לא על לקוחות גלובליים
434 
435ב-Cloudflare גישה ל-KV/D1/R2 דרך `c.env`.
436 
437### 6. מדוד לפני אופטימיזציה של ה-router
438 
439ה-`SmartRouter` הדיפולטיבי מתאים ל-95% מהמקרים.
440 
441## סיכום
442 
443Hono הפך ב-2026 לסטנדרט דה-פקטו לבניית APIs מוכנים ל-edge ב-TypeScript.
444 
445> **רשימת תיוג להתחלה:**
446>
447> - [x] `npm create hono@latest` ובחר את תבנית הרנטיים שלך
448> - [x] הגדר נתיבים בשרשור (`.get(...).post(...)`)
449> - [x] הוסף `logger`, `cors`, `secureHeaders` כ-middleware גלובלי
450> - [x] אמת כל קלט עם `@hono/zod-validator`
451> - [x] ייצא `AppType` וצרוך את ה-API עם לקוח `hc` type-safe
452> - [x] כתוב בדיקות עם `app.request()` — ללא שרת HTTP
453> - [x] פרוס עם `wrangler deploy` (CF), `vercel deploy` או ה-bundler של הרנטיים שלך
454