跳转到内容
supastack
浏览文档
WebNext.js

For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /zh/docs/web/ship-in-5-minutes.md (or send Accept: text/markdown).

5 分钟启动

使用精确的 Windows 和 macOS 命令在您的计算机上运行 Web 演示,无需付费提供商凭据,并且具有通往真实数据库支持帐户的清晰路径。

询问本指南
打开方式

1.准备好电脑并打开项目

首先完成“开始之前”:接受 GitHub 邀请,安装 Node.js 22 或更高版本、Git、编辑器和 Corepack,然后克隆您的 Web 存储库或 All Platforms monorepo。在编辑器中打开 supastack 文件夹,然后选择 Terminal → New Terminal。您应该在编辑器的顶级文件列表中看到 package.json。下面的所有命令都从此存储库根目录运行。

这将启动本地演示,无需 AI、计费或电子邮件提供商的帐户,也无需 Docker。为首次依赖项下载留出额外的时间。在后续步骤中仅遵循 Windows 块或仅遵循 macOS/Linux 块;不要同时运行。

2. 创建配置文件——macOS/Linux

在您的终端中,运行下面的每一行。第一个副本为以后的迁移命令创建 .env。第二个创建 apps/web/.env.local,Web 服务器实际读取它。两者都包含示例的本地设置。如果任一目标文件已存在,则保留它并跳过该复制命令;不要覆盖保存的设置。 Windows 用户使用下一部分。

corepack pnpm install 下载应用程序所需的库。如果 Corepack 要求下载 pnpm,则回答 y。等待完成并返回终端提示符。如果最终消息 Done 没有错误,则意味着您可以继续。

cp .env.example .env
cp .env.example apps/web/.env.local
corepack pnpm install

2、创建配置文件——Windows PowerShell

在包含 package.json 的文件夹中的 PowerShell 中使用这些命令。如果 .env 或 apps/web/.env.local 已存在,请跳过其复制行并保留您的设置。启动服务器之前等待安装完成。如果脚本执行被阻止,请使用 corepack.cmd 而不是 corepack,如开始之前中所述。

Copy-Item .env.example .env
Copy-Item .env.example apps/web/.env.local
corepack pnpm install

3. 启动 Web 服务器 — 保持此终端打开

从存储库根目录运行以下命令。它仅启动 Web 应用程序,因此它可以在纯 Web 存储库和所有平台 monorepo 中运行。等待终端显示 Local: http://localhost:3000 和 Ready。第一页的编译时间可能会稍长一些。终端应保持运行;这是预期的。

在所有平台 monorepo 中,corepack pnpm dev 一起启动可用的开发工作区。如果存在 apps/docs,则该单独的文档应用程序使用 http://localhost:3001. 您正在阅读的公共指南是 http://localhost:3000/docs. 上的 Web 应用程序的一部分 您不需要端口 3001 即可遵循本教程。

corepack pnpm --filter @supastack/web dev

4. 打开应用程序并完成一项本地任务

在浏览器的地址栏中,打开 http://localhost:3000 以查看主页。然后打开 http://localhost:3000/dashboard. 保留预先填写的姓名和电子邮件,或输入您自己的测试值,然后单击 Start local reference flow。这将创建一个内存中的演示工作区;它不会创建持久帐户或发送真实的电子邮件。

在演示中,从侧边栏打开 AI task,输入一个简短的请求(例如 Summarize the local Acceptance criteria),然后单击 Queue local task。当其状态为排队时,单击 Run local task,然后单击 View result。您应该看到已完成的输出和 Email queued 状态。人工智能的反应是故意伪造的且可重复的;排队的电子邮件是本地的。重新启动服务器会清除该演示数据。

要使用 /auth 进行真实注册,请首先启动 Postgres 并使用数据库和迁移指南应用迁移。此后,来自 EMAIL_PROVIDER=local 的注册或 OTP 消息可以在 http://localhost:3000/mail-preview; 上进行检查,它们不会到达外部收件箱。移动登录也使用这种数据库支持的身份验证,而不是演示会话。

5. 停止、重新启动和修复常见的首次运行问题

成功意味着主页加载、本地工作区打开并且排队任务完成。完成后,单击服务器终端并按 Ctrl + C。要稍后恢复,请在存储库根目录中重新打开终端并重复步骤 3 中的服务器命令;您不必每次都重新安装依赖项。

如果 localhost:3000 未打开,请检查服务器终端是否仍在运行并显示 Ready。如果端口 3000 正在使用,请使用 Ctrl + C 停止其他开发服务器,然后重试。如果您在打开 /auth 后看到数据库错误,请返回 /dashboard 进行演示或完成数据库指南。如果本地演示缺失,请检查apps/web/.env.local中的APP_ENV=local、AI_PROVIDER=fake、BILLING_PROVIDER=local、EMAIL_PROVIDER=local和JOB_PROVIDER=local,然后重新启动。

要自定义名称和营销文本,请在编辑器中打开 apps/web/src/marketing/site-config.ts。按照 Branding 获取确切的字段和验证步骤。对于真实账户的外观设置,请先完成数据库设置,然后打开/settings/appearance。自动接受命令比首次运行演练花费的时间更长;在工作区命令下找到它们。

如果你想继续完成设置,可以阅读《设置数据库》。

常见问题

14 个问题

supastack 是什么?

supastack 是用于构建 AI 驱动 SaaS 产品的模块化基础。它把通用基础设施整合在一起,让你专注于产品专属的功能。

它支持 Web 和移动端吗?

支持。supastack 包含 Next.js 与 Expo 应用,作为 Web 与移动端体验的起点。

包含哪些认证方式?

Better Auth 覆盖邮箱/密码、OTP 与社交登录。个人工作区随账户一起开通,产品记录从第一天起就有边界。

AI 是如何支持的?

supastack 包含可配置的多供应商 AI、用量追踪、预算,以及加密的自带密钥(BYOK)支持。

订阅如何处理?

对于基于该套件构建的产品,Stripe 计费、订阅与权限构成付费访问的基础。供应商密钥仅存于服务端。

我的产品专属代码放在哪里?

产品专属功能保留在独立的代码库中,产品通过配置接入 supastack 的基础模块。

supastack 如何定价?

套件为一次性购买、终身更新:单框架 249 美元(限时优惠价,较常规价 349 美元优惠 100 美元),或全框架(Next.js、iOS、Android)499 美元(限时优惠价,较常规价 599 美元优惠 100 美元),每个额外开发者席位 75 美元。套件本身没有订阅。本站结账后通过邮件发送许可证密钥,仓库访问通过 GitHub 邀请授予。

工作区如何界定我的数据?

用户记录按 workspaceId 划定边界。身份、权限、AI 用量、计费事件与审计条目都留在个人工作区边界内。

后台任务如何工作?

Trigger.dev 是明确的任务运行时。JobRunner 契约只承诺 enqueue、status 与 cancel——工作流语义保持 Trigger.dev 专有且显式。

邮件与营销触达有何不同?

事务性邮件覆盖产品工作流,如任务完成通知。冷触达与营销活动属于产品自身的范畴,不在本套件的邮件模块内。

移动端购买如何运作?

移动端已支持 RevenueCat 原生购买和恢复购买,访问权限由服务端验证。发布前需配置商店账户并完成设备测试。Web 计费保持独立。

AI 供应商密钥存放在哪里?

自带密钥凭证经过加密且仅存于服务端。密钥在日志中被脱敏;用量与预算在工作区级别保持可见。

结账支持哪些付款方式?

Stripe 托管结账接受银行卡,在 Stripe 账户启用后还可提供支付宝与微信支付——方便中国买家。钱包授权为异步确认,付款完成后许可证页面会立即更新。

我能申请退款吗?

获得代码仓库访问权限后,supastack 将永久归你所有,因此无法退款。但请放心,你将获得包含终身更新的完整源代码,可为你自己或客户构建并发布无限数量的产品。你只需注意不能转卖代码,也不能将仓库作为启动模板二次分发。

CN
主题