Pages

Wednesday, 19 November 2025

Next.js Cloudflare Starter, 一键部署 Next.js 到 Cloudflare Worker

 一键部署 Next.js 到 Cloudflare Worker,无需配置,支持多环境(dev / prod)Worker 部署。| Deploy Next.js to Cloudflare Worker with one click, zero configuration required. Supports multi-environment (dev / prod) Worker deployment. 

无需配置,支持多环境(dev / prod)Worker 部署。

快速开始

克隆项目

git clone https://github.com/nshen/next-cloudflare-starter.git
cd next-cloudflare-starter

安装依赖

pnpm install

本地开发

pnpm dev

部署

给 Cloudflare 权限

pnpm alchemy configure
pnpm alchemy login

部署开发环境 Worker

pnpm run deploy:dev

删除开发环境 Worker

pnpm run destroy:dev

部署生产环境 Worker

pnpm run deploy:prod

删除生产环境 Worker

pnpm run destroy:prod
from  https://github.com/nshen/next-cloudflare-starter
-------------------------------------------------------------------
 

像 Cloudflare Workers 这样的平台,价格非常的便宜,每个月 $5 就可以放心大胆的使用 Workers, R2, D1, KV 等等资源,并且还有免费的 CDN 和 DNS 服务,对于个人开发者来说,是一个非常不错的选择。

但是 Cloudflare 的缺点也很明显,那就是社区和官方对于 Next.js 的支持到目前为止都一般,如果你要重头开发,基本一步一个坑,而且还很难找到解决方案,我在设计 NextDevKit Cloudflare workers 模板的时候,也是踩了很多的坑,因为对于很多库和第三方的不支持,然后又要保证每个模版的功能性一致,所以还重构了很多代码,替换了一些库。

特别是官方的 Cloudflare Pages 项目,因为只支持 Edge 环境,几乎没有办法支持这个 Next.js 模板的全部功能,所幸的是有 Opennext 这个项目,虽然也有一些小坑,但是最终还是支持了全部的功能。

今年年初我发现了 Opennext 这个项目,这个项目是基于 Cloudflare Workers 的,通过 Cloudflare Workers runtime 支持 Node.js APIs,几乎支持所有的 Next.js 特性,并且这个框架后续也由官方支持了,所以我就决定使用这个框架来开发 Cloudflare Workers 模板。


No comments:

Post a Comment