一个人做 SaaS：2026 年独立开发者工具栈

2026 年，一个人做 SaaS 已经不是梦想了，是现实。AI 工具补齐了独立开发者最缺的那块——人力。

我从 2025 年开始独立做产品，踩了很多坑，也找到了一套稳定好用的工具栈。这篇把整个技术选型分享出来，不是"最佳实践"——是"一个人的实践"。

核心原则只有一个：能不自己写的就不写，能不自己运维的就不运维。

一、全景图

先看整体：

层级	选择	为什么
框架	Next.js 15	全栈、生态好、Vercel 原生支持
部署	Vercel	零运维，自动 CI/CD
数据库	Supabase (PostgreSQL)	托管数据库 + Auth + Realtime
对象存储	Cloudflare R2	S3 兼容，无出口流量费
域名/DNS	Cloudflare	免费、快、安全
支付	Stripe	全球收款，API 好用
AI 编程	Claude Code	日常开发主力
邮件	Resend	开发者友好的邮件 API
监控	Sentry + Vercel Analytics	错误追踪 + 性能监控
认证	Supabase Auth / NextAuth	看场景选

下面逐个讲为什么这么选。

二、框架：Next.js 15

2026 年做全栈 Web 项目，Next.js 仍然是独立开发者的最优选择。原因很简单：

全栈一体：前端 + API + SSR/SSG 都在一个项目里，不需要维护两个仓库
Server Components：数据获取逻辑放在服务端，不需要写一堆 useEffect + loading state
App Router 成熟了：经过两年迭代，坑基本填完了
生态最大：组件库、模板、教程最多

我曾经考虑过 Remix 和 SvelteKit。Remix 的数据加载模型很优雅，但生态太小。SvelteKit 写起来爽，但招人（如果将来需要的话）太难。

npx create-next-app@latest my-saas --typescript --tailwind --app

UI 组件

不要自己写 UI 组件库。用 shadcn/ui：

npx shadcn@latest init
npx shadcn@latest add button card dialog form input table

shadcn/ui 的好处是代码复制到你的项目里，完全可控。不像传统组件库升级版本可能 break。

三、数据库：Supabase

独立开发者不应该自己管数据库。Supabase 给你的是：

托管 PostgreSQL：不用管备份、升级、扩容
内置 Auth：邮箱/密码、OAuth、Magic Link 全有
实时订阅：数据变化自动推送到前端
Edge Functions：Deno runtime 的 serverless 函数
免费额度大：500MB 数据库 + 1GB 存储 + 50,000 月活用户

// lib/supabase.ts
import { createClient } from "@supabase/supabase-js";

export const supabase = createClient(
  process.env.NEXT_PUBLIC_SUPABASE_URL!,
  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
);

一个重要的坑：Supabase 的连接池默认用 PgBouncer，在 Serverless 环境下（比如 Vercel Functions）必须用 pooling 模式的连接字符串，否则会遇到连接数耗尽的问题。

# 错误 - 直连
DATABASE_URL=postgresql://user:pass@db.xxx.supabase.co:5432/postgres

# 正确 - 通过连接池
DATABASE_URL=postgresql://user:pass@db.xxx.supabase.co:6543/postgres?pgbouncer=true

端口 6543 而不是 5432，这个细节害我 Debug 了两个小时。

四、部署：Vercel

Vercel 对独立开发者来说几乎是唯一的选择。为什么不用别的？

Netlify：Next.js 支持不如 Vercel 原生
AWS Amplify：配置复杂度高一个数量级
自己搭服务器：一个人没时间运维

Vercel Hobby（免费版）的限制：

Serverless Function 执行时间 60 秒
带宽 100GB / 月
构建时间 200 小时 / 月

个人项目完全够用。用户量上来了再升级 Pro（$20/月），到那时候你应该已经有收入了。

五、存储：Cloudflare R2

用户上传的文件（头像、附件、图片）需要对象存储。S3 太贵（出口流量费），R2 的杀手级特性就是零出口费用。

// lib/r2.ts
import { S3Client, PutObjectCommand } from "@aws-sdk/client-s3";

const R2 = new S3Client({
  region: "auto",
  endpoint: `https://${process.env.CF_ACCOUNT_ID}.r2.cloudflarestorage.com`,
  credentials: {
    accessKeyId: process.env.R2_ACCESS_KEY!,
    secretAccessKey: process.env.R2_SECRET_KEY!,
  },
});

export async function uploadFile(key: string, body: Buffer, contentType: string) {
  await R2.send(
    new PutObjectCommand({
      Bucket: process.env.R2_BUCKET!,
      Key: key,
      Body: body,
      ContentType: contentType,
    })
  );

  return `https://${process.env.R2_PUBLIC_DOMAIN}/${key}`;
}

R2 的免费额度：10GB 存储 + 每月 1000 万次读取。个人项目根本用不完。

六、支付：Stripe

全球收款，Stripe 是标准答案。

npm install stripe @stripe/stripe-js

核心流程：

创建产品和价格（Stripe Dashboard 或 API）
前端调 Stripe Checkout 跳转支付
Webhook 接收支付结果，更新数据库

// app/api/checkout/route.ts
import Stripe from "stripe";

const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!);

export async function POST(request: Request) {
  const { priceId, userId } = await request.json();

  const session = await stripe.checkout.sessions.create({
    mode: "subscription",
    payment_method_types: ["card"],
    line_items: [{ price: priceId, quantity: 1 }],
    success_url: `${process.env.NEXT_PUBLIC_URL}/dashboard?session_id={CHECKOUT_SESSION_ID}`,
    cancel_url: `${process.env.NEXT_PUBLIC_URL}/pricing`,
    metadata: { userId },
  });

  return Response.json({ url: session.url });
}

Stripe 的坑：Webhook 签名验证必须用原始 request body（request.text()），不能用 request.json()。Next.js 的 Route Handler 默认不会解析 body，所以这点反而方便。

如果你的目标用户主要在中国大陆，Stripe 可能不是最优选择。考虑接入 Lemon Squeezy（支持支付宝和微信支付）或者直接用国内的支付方案。

七、AI 开发：Claude Code

这是 2026 年独立开发者效率提升最大的环节。

我的日常开发流程：

# 1. 启动 Claude Code
claude

# 2. 用自然语言描述任务
> 给用户设置页面加一个修改密码的功能，用 Supabase Auth 的 updateUser API

# 3. Claude 自动读取项目代码，生成完整实现

# 4. 检查改动
> 跑一下测试看看有没有问题

一个人做 SaaS 最大的瓶颈不是技术，是时间。Claude Code 让我能把时间花在产品设计和用户沟通上，而不是写 CRUD。

几个提高效率的技巧：

写好 CLAUDE.md——把项目架构、代码规范、常见模式都写进去
用 MCP 连接数据库——让 Claude 直接查数据排查问题
复杂任务先让 Claude 出方案，Review 后再执行

八、邮件：Resend

用户注册验证、密码重置、订阅通知，都需要发邮件。

Resend 是目前对开发者最友好的邮件服务：

import { Resend } from "resend";

const resend = new Resend(process.env.RESEND_API_KEY);

await resend.emails.send({
  from: "noreply@yourdomain.com",
  to: user.email,
  subject: "欢迎使用 XXX",
  html: `<p>Hi ${user.name}，欢迎！</p>`,
});

免费版每月 3000 封，个人项目够用了。

配合 React Email 可以用 React 组件写邮件模板，比手写 HTML 舒服太多。

九、监控：别裸奔

产品上线后最怕的事情是——用户遇到 bug 了，你不知道。

最小监控方案：

Sentry：捕获前后端错误，免费版每月 5000 次事件
Vercel Analytics：Web Vitals 和页面访问量
Uptime 监控：Better Uptime 或 Checkly，页面挂了立刻通知

npm install @sentry/nextjs
npx @sentry/wizard@latest -i nextjs

Sentry 的 Next.js 集成是一键配置，装完就能用。

十、完整的成本计算

一个独立 SaaS 项目，初期每月成本：

服务	费用
Vercel (Hobby)	$0
Supabase (Free)	$0
Cloudflare R2 (Free)	$0
域名	$10/年
Resend (Free)	$0
Sentry (Free)	$0
Claude Code (Max)	$100/月
Stripe	每笔交易 2.9% + $0.30

核心成本就是 Claude Code 的订阅费。其他服务的免费额度在早期完全够用。等你有了付费用户，再按需升级。

如果不用 Claude Code，月成本趋近于零。但那意味着你要自己写所有代码，效率下降几倍。这笔账很好算。

总结

2026 年独立开发者的工具栈已经非常成熟了。关键原则：

用托管服务——不要自己运维任何东西
用 AI 编程——把时间省出来做产品
从免费开始——等有收入了再升级
监控从第一天开始——别等用户投诉才知道出了问题

最后想说的是：工具栈选好就不要再纠结了。独立开发最大的风险不是技术选型，而是做了一个没人用的产品。把精力花在找到用户和解决真实问题上，技术只是手段。