# 2026 年如何用 Next.js 从零搭建一个 SaaS（分步指南）

> 一份务实的指南：用 Next.js 15 交付生产级 SaaS——登录、计费、数据库，再加一个真实的 AI 功能——不必重复造通用轮子。

- Author / publisher: make1day (company)
- Published: 2026-02-12
- Updated: 2026-11-07
- Canonical: /blog/build-saas-with-nextjs
- Category: Guide
- Tags: how to build a SaaS with Next.js, Next.js SaaS boilerplate, indie SaaS
- Language: zh

在 2026 年做 SaaS，你依然要解决那 60% 所有创始人都会撞上的通用问题：注册、数据库、计费、登录后的页面。能交付的人和卡住的人，差别几乎不在创意，而在于多快停止重复造这 60% 的轮子。

## 先从通用部分入手

每个 SaaS 都需要同样的主干：登录鉴权、带行级安全的数据库、带 Webhook 的订阅计费、控制台、部署方案。这些都不是差异化优势，而是入场费。一次性交掉，并且用一套你能读懂、能改的基础设施。

## 选一套已经具备主干的技术栈

Next.js 15（App Router）+ TypeScript + Tailwind 成为默认，是因为工具链、人才池和示例都集中在这里。再配 Supabase 做登录与 Postgres。计费要早点决定：只接一家，还是做可切换层——面向全球发布时，通常需要一个 Merchant of Record 加备用通道。make1day 用同一套结账与 Webhook 契约接了六个适配器（默认 Waffo Pancake，另有 Waffo Acquiring、Stripe、Creem、PayPal、Lemon Squeezy）。

## 加上只属于你的那一个功能

常见错误是把演示堆得过满。只交付一个真实的 AI 功能，放在登录与套餐权限之后——流式对话、文档问答、摘要器——其余保持诚实的脚手架。客户买的是那 40% 专属于你的东西。

## 用生成代替手工删减

如果你一开始就知道要哪些模块，「按配置真裁剪」的生成器比「买回来再手删」的模板更省事。make1day 的 Builder 选择登录、支付、AI 供应商、功能、部署目标与视觉风格，服务端只把选中的模块打进 ZIP。CI 会下载 18 组代表性组合并逐个做类型检查；ZIP 是白标的——本站营销页与生成器本身都会被剪掉。

## 先上线，再收费

从免费或预览档起步，跑通一次测试结账，等客户真正获得价值后再收费。脚手架应当让你从选配置到一个已部署、可计费的应用只用一个下午，而不是一个季度。

## FAQ

### 用 Next.js 做一个 SaaS 要多久？

真正耗时的是通用主干（登录、数据库、计费、控制台），通常是几周。用模板后这部分只是半天配置；剩下的时间是你自己的产品，模板无法替你缩短。

### 必须用 Supabase 吗？

不必。make1day 按是否配置 SUPABASE_SERVICE_ROLE_KEY 在 Supabase 与本地 SQLite 之间切换。SQLite 只适合本地开发：本地登录路径没有 MFA、OAuth、会话轮换，在 serverless 上也不持久。

### 先接哪个支付通道？

没有公司主体却要面向全球收款，用 Waffo Pancake 或 Lemon Squeezy 这类 Merchant of Record 可以免去税务处理；已有 Stripe 账户就直接接 Stripe。生成的应用把结账与 Webhook 收在同一份与支付商无关的契约里，之后切换只是改配置。

---

Source: make1day. See /llms.txt and /llms-full.txt for the full machine-readable product description.