Skip to content

部署运营

部署平台选择

2025 年 Next.js 应用的主流部署平台:

平台特点定价适用场景
VercelNext.js 官方平台,零配置部署免费起步,$20/月 Pro前端为主、快速上线
Railway全栈友好,支持数据库按用量计费,$5 起需要后端服务、数据库
Cloudflare Pages边缘部署,速度快免费额度高静态站点、全球加速
AWS AmplifyAWS 生态集成按用量计费已使用 AWS

Vercel vs Railway

根据 GetDeploying 的对比:

Vercel

  • 开发体验一流,git push 即部署
  • Next.js 原生支持
  • 免费版限制:100GB 带宽/月
  • 出站流量:$0.15/GB(超出免费额度)

Railway

  • 支持任何容器化应用
  • 内置数据库(PostgreSQL、Redis)
  • 按实际用量计费
  • 出站流量:$0.05/GB

建议:前端用 Vercel,后端服务和数据库用 Railway 或 Supabase。

Vercel 部署

1. 连接 GitHub 仓库

  1. 访问 vercel.com
  2. 点击 "New Project"
  3. 导入 GitHub 仓库
  4. 配置环境变量
  5. 点击 Deploy

2. 环境变量配置

在 Vercel Dashboard 中添加:

DATABASE_URL=postgresql://...
NEXTAUTH_SECRET=your-secret
NEXTAUTH_URL=https://your-domain.com
STRIPE_SECRET_KEY=sk_live_...
STRIPE_WEBHOOK_SECRET=whsec_...

3. 自定义域名

  1. 在 Vercel 项目设置中添加域名
  2. 在域名注册商处配置 DNS:
    • A 记录:76.76.21.21
    • CNAME:cname.vercel-dns.com

Railway 部署(数据库)

1. 创建 PostgreSQL 数据库

bash
# 安装 Railway CLI
npm install -g @railway/cli

# 登录
railway login

# 创建项目
railway init

# 添加 PostgreSQL
railway add --plugin postgresql

2. 获取连接字符串

bash
railway variables
# 复制 DATABASE_URL

监控和日志

1. 错误监控:Sentry

bash
pnpm add @sentry/nextjs
npx @sentry/wizard@latest -i nextjs

配置 sentry.client.config.ts

typescript
import * as Sentry from '@sentry/nextjs'

Sentry.init({
  dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
  tracesSampleRate: 0.1,
  environment: process.env.NODE_ENV,
})

2. 性能监控

推荐工具

  • Vercel Analytics:内置,免费版有限制
  • PostHog:开源,自托管免费
  • Plausible:隐私友好的分析工具

3. 日志管理

typescript
// lib/logger.ts
export function log(level: 'info' | 'warn' | 'error', message: string, data?: any) {
  const timestamp = new Date().toISOString()
  console[level](`[${timestamp}] ${message}`, data || '')

  // 生产环境发送到日志服务
  if (process.env.NODE_ENV === 'production') {
    // 发送到 Axiom、Logtail 等
  }
}

用户获取

1. Product Hunt 发布

Product Hunt 是 SaaS 产品发布的首选平台。

准备工作

  • 提前 2 周准备素材
  • 找 Hunter(有影响力的用户)帮你发布
  • 准备好回复评论

发布清单

  • [ ] 产品 Logo(240x240)
  • [ ] 产品截图(至少 3 张)
  • [ ] 产品介绍视频(可选但推荐)
  • [ ] 一句话描述
  • [ ] 详细介绍

2. 内容营销

博客 SEO

  • 针对目标关键词写文章
  • 解决用户实际问题
  • 每篇文章 1500-3000 字

社交媒体

  • Twitter/X:分享开发过程
  • LinkedIn:B2B 产品必备
  • 小红书:国内市场

3. 冷启动策略

  • 在相关社区分享(Reddit、V2EX、掘金)
  • 找 KOL 试用并评测
  • 提供限时免费或折扣

数据分析

关键指标

指标说明健康值
MRR月经常性收入持续增长
Churn Rate流失率< 5%/月
LTV用户终身价值> 3x CAC
CAC获客成本越低越好
Activation Rate激活率> 40%

数据看板

使用 PostHog 或自建看板追踪:

typescript
// lib/analytics.ts
import posthog from 'posthog-js'

export function trackEvent(event: string, properties?: Record<string, any>) {
  if (typeof window !== 'undefined') {
    posthog.capture(event, properties)
  }
}

// 使用示例
trackEvent('subscription_started', { plan: 'pro', price: 29 })
trackEvent('feature_used', { feature: 'export' })

持续迭代

用户反馈收集

渠道

  • 应用内反馈按钮
  • 用户访谈(每月 5-10 个)
  • 支持工单分析
  • 社交媒体监控

工具推荐

  • Canny:功能请求管理
  • Intercom:客服和反馈
  • Crisp:轻量级客服

AI 辅助运营

提示词示例:

分析以下用户反馈,找出:
1. 最常见的问题
2. 最受欢迎的功能请求
3. 用户流失的主要原因
4. 改进优先级建议

[粘贴用户反馈]

上线检查清单

技术检查

  • [ ] 所有环境变量已配置
  • [ ] 数据库已备份
  • [ ] SSL 证书正常
  • [ ] 错误监控已启用
  • [ ] 性能测试通过

业务检查

  • [ ] 定价页面正确
  • [ ] 支付流程测试通过
  • [ ] 法律文档就绪(隐私政策、服务条款)
  • [ ] 客服渠道准备好

营销检查

  • [ ] Product Hunt 素材准备
  • [ ] 社交媒体账号就绪
  • [ ] 发布公告写好

项目完成

恭喜!你已经完成了一个完整的 SaaS 应用开发。

你学到了

  • 需求发现和验证
  • 产品设计流程
  • 全栈技术实现
  • 用户认证系统
  • 支付系统集成
  • 部署和运营

下一步

  • 持续收集用户反馈
  • 迭代改进产品
  • 扩大用户规模
  • 探索新功能

← 返回支付集成 | 返回项目五

最近更新

基于 Apache 2.0 许可发布