部署指南

应用部署到 Vercel 和 Cloudflare 的配置说明

326 字2 分钟

Vercel 部署

所有 Next.js 应用部署到 Vercel。

项目配置

每个应用在 Vercel 中作为一个独立项目：

应用	域名	根目录
Web	`iflux.art`	`apps/web`
Blog	`blog.iflux.art`	`apps/blog`
Docs	`docs.iflux.art`	`apps/docs`
Hub	`hub.iflux.art`	`apps/hub`

构建配置

json

// Vercel 项目设置{  "rootDirectory": "apps/<name>",  "buildCommand": "cd ../.. && bun install && bun run build --filter=@iflux/<name>...",  "outputDirectory": ".next",  "framework": "nextjs"}

环境变量

每个应用在 Vercel Dashboard 中配置独立的环境变量。详见环境变量参考。

构建缓存

Turborepo 远程缓存默认启用。如需跳过缓存：

bash

bun run build --filter=@iflux/blog --force

Cloudflare R2

图片和静态资源存储在 Cloudflare R2：

text

https://img.iflux.art/<path>

存储桶配置

存储桶名称：可自定义
自定义域名：img.iflux.art
区域：就近选择
访问权限：通过 S3 凭证（Access Key + Secret Key）

绑定自定义域名

R2 存储桶 → 设置 → 自定义域
添加域名 img.iflux.art
预览 DNS 记录并连接

Supabase

数据库和认证使用 Supabase：

数据库 — PostgreSQL，通过 @supabase/supabase-js 访问
认证 — 邮箱密码登录，Google OAuth
RLS — Row Level Security 控制数据访问

本地开发

bash

# 启动本地 Supabasesupabase start# 停止supabase stop# 应用迁移supabase db push

监控

Vercel Analytics — 页面访问统计
Speed Insights — 性能监控
Vercel Logs — 服务端日志

开发文档

15 / 16

1.iflux-next 架构设计 2.Next.js 3.React 4.TypeScript 5.Tailwind CSS 6.shadcn/ui 7.Biome 8.Turborepo 9.创建应用 10.添加组件 11.开发规范 12.Frontmatter 用法与规范 13.嵌入式 Playground 14.Twoslash 类型提示 15.部署指南 16.环境变量

Twoslash 类型提示环境变量