usehook
JavaScript 核心进阶SUPER CSSReact 18 . 基础版React 18 架构 . 尊享版React 19 . 基础版React 19 架构 . 尊享版React Queryzustand爆锤面试官之 React 原理面试React Native 跨平台进阶NextJS 16 实战进阶图解算法少数人架构师思维下的 AI 编程实践AI 电子伴侣企业级实战LangChain PythonSpring Boot 企业级开发动画
登录usehook 账号
usehook
AI 电子伴侣
目录 · 244学习路径
目录 · 244学习路径
首页最新:从第一篇开始
101Hono 是什么102Cloudflare Workers103第一个 Hono 应用104路由系统105Context 与请求响应106中间件107数据校验108错误处理109认证110鉴权111Cloudflare KV112Cloudflare D1113D1 + Drizzle ORM114Cloudflare R2115RPC 客户端116流式响应与 SSE117项目结构与环境管理118实战:用户系统 REST API119实战:AI API 网关120Workers AI 与 AI Gateway121Vectorize 与 RAG 实战122Durable Objects 与 WebSocket123Queues 与 Cron 定时任务124缓存策略125日志与可观测性126Hono 与 Next.js 集成
创建时间: 2026-04-18最后更新: 2026-08-04作者: yangbo(dd1575869)

1. Hono 和 Next.js 放一起用,合理吗

这一章到目前为止,Hono 都是「独立部署在 Cloudflare Workers 上的 API 层」。但这个专栏的前端主战场是 Next.js——有人会问:

正在验证登录状态
请稍候,验证完成后将继续显示文章内容
  • 1. Hono 和 Next.js 放一起用,合理吗
  • 2. Next.js Route Handler 和 Hono 的定位差异
  • 3. 两种集成模式
  • 模式 A:Hono 独立部署(推荐)
  • 模式 B:Hono 嵌在 Next.js 里当 Route Handler
  • 4. 模式 B:Hono 作为 Next.js Route Handler
  • 4.1 配置
  • 4.2 在 route.ts 里导出 Hono handler
  • 4.3 前端在 Next.js 里调
  • 4.4 这种模式的优缺点
  • 5. 模式 A:Hono 独立部署 + Next.js 通过 RPC 调
  • 5.1 Monorepo 结构
  • 5.2 后端导出 AppType
  • 5.3 前端用 hc 创建带类型的客户端
  • 5.4 在 React Server Component 里调
  • 5.5 在 Client Component 里配合 React Query
  • 6. 跨域:模式 A 必须处理的一件事
  • 7. 选哪种模式
  • 8. 类型共享的小技巧
  • 8.1 用 Zod schema 作真相源
  • 8.2 把 AppType 放到 shared 包里
  • 8.3 避免「类型转悠一圈」
  • 9. 小结
Previous

日志与可观测性

Next

Zod 是什么

不费脑的 AI 原理
印刻君头像印刻君
让 AI 知识有温度,技术落地有深度
立即查看
0
首页200 元 · 订阅订阅