基于 Cloudflare 的全栈免费技术栈探索:Next.js + Hono + oRPC + Drizzle + D1 + KV 一键部署方案

207 阅读2分钟

基于 Cloudflare 的全栈免费技术栈探索:Next.js + Hono + oRPC + Drizzle + D1 + KV 一键部署方案

最近在研究如何整合一套 完全基于 Cloudflare、真正 0 成本、前后端分离、类型安全的全栈技术栈。目标是做到:

  • 无需手动配置 Cloudflare
  • 前后端独立部署
  • 类型安全共享 API
  • 数据库自动创建
  • 一键全栈上线

最终整理了一套可直接使用的全栈脚手架,并已开源:
👉 github.com/nshen/nn-st…


🚀 技术栈组成

这套技术栈尽量保证“极简 + 强大 + 0 成本”,主要包括:

前端:Next.js(前后端分离)

  • 纯前端渲染或 Edge SSR 可自由切换
  • 自动获取类型安全 API
  • 集成 TanStack Query,直接消费 oRPC 生成的 API Hooks

后端:Hono(独立 Worker)

  • 与前端完全分离
  • 通过 oRPC 生成类型安全接口
  • 使用 Cloudflare 原生环境运行

数据库 & 存储

  • D1(SQL) + KV(KV 存储)
  • 通过 Drizzle ORM 做类型安全访问
  • 不需要任何额外配置,部署时自动创建

API 层:oRPC(一次编写,全栈共享)

借助
@unnoqcom
提供的 oRPC:

  • API 类型定义只写一次
  • 前端直接生成 type-safe api
  • 保留前后端分离部署架构(Next Worker + Hono Worker)

⚙️ 一键部署:Alchemy Run 自动化

使用
@alchemy_run
实现整个 Cloudflare 全栈的自动化部署能力:

  • OAuth 登录 Cloudflare
  • 自动创建 D1 / KV
  • 自动绑定变量
  • 自动部署前端 + 后端两个 Worker
  • 全流程无需进入 Cloudflare Dashboard 点击任何配置

真正的:

0 手动配置,点一下就能把全栈上线


📦 项目地址(已开源)

👉 github.com/nshen/nn-st…

欢迎试用或提出改进建议。


🧩 截图

image.png


💡 总结

Cloudflare 的全栈开发体验在 2025 年已经非常成熟:

  • Worker + Pages 统一执行环境
  • D1 + KV 原生数据库
  • oRPC 提供工程化类型安全
  • Alchemy Run 让部署自动化且无脑
  • 真正实现 一人即可完成完整全栈项目

对独立开发者、创业项目来说,这套组合基本就是:

“0 元购全栈架构”

欢迎试用,也欢迎 PR 🚀

本文由ChatGPT帮忙优化,如有问题 Github 联系