跳轉到主要內容

​
superun 總覽

歡迎使用!本指南將帶你一步步使用 superun 建立一個完整的全端應用程式. superun 4 個步驟 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 官方網站,了解更多產品資訊與最新動態.