Introduce Hono CLI

Hono Conference 2025
Oct 18, 2025

Transcript

1. One More Thing
2. We invent many things Supporting mutilplaform RPC with Types Server-side JSX HonoX 5 Routers Many Middleware Many Helpers Built with Web Standards
3. Go with Idea and implementation
4. Today we (I and @usualoma) will ship
5. Hono CLI
6. NOT create-* NOT a command for dev&build&deploy NOT a just wrapper of Vite
7. Completely new concept
8. CLI for Human and AI
9. $ hono –help
10. Sub commands
11. $ hono docs
12. $ hono docs [path]
13. $ hono docs /docs/api/routing
14. Wait! Only this??
15. Yes But for AI
16. Display docs with Markdown
17. $ hono search
18. $ hono search <query>
19. $ hono search middleware
20. Display docs with JSON
21. AI can search and read docs
22. $ hono search “basic auth” $ hono docs \ /docs/middleware/builtin/basic-auth /docs/middleware/builtin/basic-auth
23. Next
24. $ hono request
25. $ hono request [file]
26. $ hono request src/index.ts
27. Please imagine app.request()
28. const res = await app.request(‘/’) GET / Response You don't need run an actual server!
29. const res = await app.request(‘/’) $ hono request src/index.ts
30. Display the response with JSON
31. $ hono request \ -P /api/users \ -X POST \ -d '{"name":"Alice"}' \ src/index.ts
32. This means
33. $ hono search $ hono docs $ hono request AI can Search docs Read docs Test apps
34. CLAUDE.md / AGENTS.md etc. Use the `hono` CLI for efficient development. View all commands with `hono --help`.
35. Demo
37. These are for AI
38. Next
39. For Human
40. $ hono serve
42. $ hono serve src/index.ts http://localhost:7070
43. Wait! Only this??
44. No! —use is super cool
45. Please imagine app.use()
46. app.use(middleware) app.use(logger())
47. app.use(logger())
48. $ hono serve \ –use “logger()” \ src/index.ts
50. $ hono serve \ --use "logger()" \ --use "basicAuth({username:'foo',password:'bar'})" \ src/index.ts
51. 404 Not Found
52. $ hono serve \ --use "serveStatic({root:'./'})"
53. $ hono serve \ --use '(c) => proxy(`https://ramen-api.dev${new URL(c.req.url).pathname}`)'
54. Last
55. $ hono optimize
56. $ hono optimize [entry]
57. Let’s talk about routers before hono optimize
58. RegExpRouter is one of the fastest routers in JavaScript world
59. The idea Routes (dynamic path) RegExp Request Buid Match
60. Weak points 1. Initialization is slow 2. The file size is large
61. The solutions 1. LinearRouter (hono/quick) 2. PatternRouter (hono/tiny)
62. But I want to use RegExpRouter!
63. Now we introduce a new (7th) router
64. PreparedRegExpRouter
65. The idea Routes Routing information with RegExp new PreaparedRegExpRouter() Create at preparing phase Hard code!
68. Benchmark with initialization
69. https://github.com/honojs/hono/pull/1796
71. PreparedRegExpRoute r is 16.5× faster than RegExpRouter
72. Back to Hono CLI
73. $ hono optimize will create optimized Hono for your app
74. What is optimized Hono?
75. This
77. $ hono optimize src/index.ts $ wrangler deploy dist/index.js
78. How small has it become??
80. Size drops from 18.0 kB to 11.14 kB (38% smaller!)
81. will your app fast and small $ hono optimize
82. That’s all
83. We introduce Hono CLI with 5 sub commands
84. 1. hono docs 2. hono search 3. hono request 4. hono serve 5. hono optimize
85. For Human and AI
86. github.com/honojs/cli
87. npm i @hono/cli
88. The end!