建站实战：用 ShipAny 模板快速上线

建站实战：用 ShipAny 模板快速上线

从 idea 到上线，我只用了 1 小时～

不是因为我厉害，是因为用了 ShipAny 模板。

不要重复造轮子，先跑起来再说

ShipAny 是什么

一个 Next.js + Tailwind + Supabase 的 SaaS 模板。

自带：

  • 登录注册
  • 支付集成（Stripe）
  • SEO 优化
  • 响应式设计
  • 暗色模式

省了你 2 周的基础搭建工作

怎么用

# Clone
git clone https://github.com/mickasmt/next-saas-starter-starter
cd next-saas-starter-starter

# 安装依赖
npm install

# 配置环境变量
cp .env.example .env.local
# 填你的 Supabase/Stripe 密钥

# 启动
npm run dev

打开 http://localhost:3000，一个完整的 SaaS 网站就出来了。

我的改动

  1. 换 Logo 和品牌色 — 10 分钟
  2. 改首页文案 — 15 分钟
  3. 加我的功能模块 — 30 分钟
  4. 部署到 Cloudflare — 5 分钟

总共 1 小时，网站上线。

一个坑：Supabase 配置

第一次配置 Supabase 时，SUPABASE_URL 和 SUPABASE_ANON_KEY 填错了。

报错 Invalid API key，排查了半天。

正确做法：

  1. 去 Supabase Dashboard
  2. Settings → API
  3. 复制 URL 和 anon public key（不是 service_role）

另一个坑：支付集成

Stripe 的 webhook 配置比较麻烦。

本地开发要用 Stripe CLI：

stripe listen --forward-to localhost:3000/api/webhooks/stripe

生产环境要在 Stripe Dashboard 配置 webhook URL。

漏了这步，支付成功了但数据库没更新

什么时候用模板

适合用模板：

  • 快速验证 idea
  • 标准 SaaS 功能
  • 个人项目/小团队

不适合用模板：

  • 高度定制需求
  • 性能极致优化
  • 大团队协作（模板代码风格可能不一致）

核心观点

产品 > 代码

用户不关心你的代码写得怎么样，只关心产品好不好用。

用模板 = 把时间花在产品上，而不是基础设施。

你最近从 idea 到上线用了多久～