部署NavSphere到Cloudflare Pages可以分为以下步骤:
- 准备阶段:确保已完成GitHub OAuth应用注册和数据仓库创建,并正确配置.env.local文件
- 平台连接:登录Cloudflare控制台,在Pages服务中选择”创建项目”,并关联存储NavSphere源代码的GitHub仓库
- 构建设置:
- 构建命令填写:
pnpm install && pnpm build
- 构建输出目录指定为:
.next
- 构建命令填写:
- 环境变量配置:在部署设置中添加所有必要的键值对,包括:
- GitHub认证相关:GITHUB_ID、GITHUB_SECRET
- 数据仓库信息:GITHUB_OWNER、GITHUB_REPO、GITHUB_BRANCH
- 安全配置:NEXTAUTH_SECRET(建议使用复杂随机字符串)
- 回调地址:NEXTAUTH_URL需设置为Cloudflare分配的域名
完成这些配置后,系统会自动触发首次构建,通常在几分钟内即可完成部署。如果构建失败,可以检查Node.js版本是否≥18.0,或者尝试在本地测试构建是否正常。
本答案来源于文章《NavSphere:使用GitHub仓库搭建的现代化个人导航网站》