usehook
JavaScript 核心进阶SUPER CSSReact 18 . 基础版React 18 架构 . 尊享版React 19 . 基础版React 19 架构 . 尊享版React Queryzustand爆锤面试官之 React 原理面试React Native 跨平台进阶NextJS 16 实战进阶图解算法少数人架构师思维下的 AI 编程实践AI 电子伴侣企业级实战动画
登录usehook 账号
usehook
AI 电子伴侣
目录 · 239学习路径
目录 · 239学习路径
首页最新:从第一篇开始
96Hono 是什么97Cloudflare Workers98第一个 Hono 应用99路由系统100Context 与请求响应101中间件102数据校验103错误处理104认证105鉴权106Cloudflare KV107Cloudflare D1108D1 + Drizzle ORM109Cloudflare R2110RPC 客户端111流式响应与 SSE112项目结构与环境管理113实战:用户系统 REST API114实战:AI API 网关115Workers AI 与 AI Gateway116Vectorize 与 RAG 实战117Durable Objects 与 WebSocket118Queues 与 Cron 定时任务119缓存策略120日志与可观测性121Hono 与 Next.js 集成
创建时间: 2026-04-18最后更新: 2026-08-04作者: yangbo(dd1575869)

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

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

订阅后可阅读剩余内容
AI 电子伴侣企业级项目实战
已发布239节计划发布120节目标已完成199%
专栏详情
1.AI 时代的学习心法2.什么是 AI Agent 开发3.从需求出发
​​012345678901234567890123456789​​
人付费
登录后查看订阅状态
  • 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 元 · 订阅订阅