入门

​

superun 总览

欢迎使用!本指南将带你一步步使用 superun 建立一个完整的全端应用程序. superun 通过四个清楚的阶段,将你的想法转化为可运作的产品: Idea → Preview → Build → Launch 每个阶段都聚焦于不和类型的决策,让你随时都知道下一步该做什么.

---

​

Step 1 · Idea

​

将想法转化为产品蓝图

首先,描述你想要打造的产品.

• 撰写一段 Prompt,说明你的产品构想
• 回答幾个简短的引导问题
• superun 会将你的输入整理为结构化的项目基础

完成这一步后,你将拥有一个清晰,可直接进行生成的产品方向. → 深入了解: Idea

---

​

Step 2 · Preview

​

视觉化探索,编辑与调整你的产品

在正式建构功能之前,superun 让你先从视觉层面确认方向.

• 先浏览四个设计分支,选择一个初始风格
• 查看完整页面的即时产品预览
• 使用可编辑设计工具,自由调整 UI
• 直接选取画面元素,修改版面,内容,间距与样式
• 以自然语言描述需求,让 superun 自动更新界面

完成这一步后,你会拥有一个确定且安心的视觉方向与 UI 结构. → 深入了解: Preview

---

​

Step 3 · Build

​

定義功能,逻辑与整合服务

在 Build 阶段,你将决定产品「能做什么」以及「如何运作」.

• 功能列表（Feature List）协助你选择产品所需的核心能力
• 每个功能选项都会自动生成对应的 UI,资料模型与后端逻辑

可使用的平台服务与整合包含:

• superun Cloud:身分验证,资料库与后端能力
• superun AI:AI 驱动的互动与生成
• Stripe:金流与订阅系统
• Nano Banana:AI 图像生成
• Supabase:外部资料库与后端整合

所有服务都已预先设定好可彼此协和运作,确保前后端始终保持一致.

💡 理解工作流程:在 superun 中,你会遇到三个关鍵概念:

• 演示（Demo）:純前端,只用来验证想法和流程,使用假数据
• 原型（Prototype）:等和于演示,不含研发
• 研发（Development）:把真实能力（如发邮件）接上去,变成真正可服务其他用户的产品

完成演示的條件:通过邀请链接注册后,在 superun 输入需求,生成四个风格,选其中一个风格执行完成.

→ 深入了解: Build

---

​

Step 4 · Launch

​

发布,优化并持续追踪

当你的项目准备完成后,就可以正式上线.

• 设定网站标题,描述与社群分享预览
• 配置 SEO 与网域设定
• 发布并分享你的产品
• 追踪效能与分析数据

你的产品现在已正式上线,可被搜寻,分享并持续监测. → 深入了解: Launch

---

​

接下来呢?

继续探索文件内容,深入了解每一项功能与进阶用法.

---

superun 官方网站

前往 superun 官方网站,了解更多产品资讯与最新动态.