> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superun.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 入門

> superun 入門:從第一次提示到發布 — 設置,工作流程和集成.

## superun 總覽

歡迎使用!本指南將帶你一步步使用 superun 建立一個完整的全端應用程式.

<img src="https://mintcdn.com/uxarts-dc22e128/v2ulQPoBVUlx_7v3/images/introduction/4steps.gif?s=ac50ffed22cd4f3f1de2cbd0b500539f" alt="superun 4 個步驟" width={900} data-path="images/introduction/4steps.gif" />

superun 透過四個清楚的階段,將你的想法轉化為可運作的產品:

**Idea → Preview → Build → Launch**

每個階段都聚焦於不同類型的決策,讓你隨時都知道下一步該做什麼.

***

## Step 1 · Idea

### 將想法轉化為產品藍圖

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

* 撰寫一段 Prompt,說明你的產品構想
* 回答幾個簡短的引導問題
* superun 會將你的輸入整理為結構化的專案基礎

完成這一步後,你將擁有一個清晰,可直接進行生成的產品方向.

→ **深入了解:** [Idea](/superun/features/prompt-question)

***

## Step 2 · Preview

### 視覺化探索,編輯與調整你的產品

在正式建構功能之前,superun 讓你先從視覺層面確認方向.

* 先瀏覽四個設計分支,選擇一個初始風格
* 查看完整頁面的即時產品預覽
* 使用可編輯設計工具,自由調整 UI
* 直接選取畫面元素,修改版面,內容,間距與樣式
* 以自然語言描述需求,讓 superun 自動更新介面

完成這一步後,你會擁有一個確定且安心的視覺方向與 UI 結構.

→ **深入了解:** [Preview](/superun/features/design-options)

***

## Step 3 · Build

### 定義功能,邏輯與整合服務

在 Build 階段,你將決定產品「能做什麼」以及「如何運作」.

* 功能列表（Feature List）協助你選擇產品所需的核心能力
* 每個功能選項都會自動生成對應的 UI,資料模型與後端邏輯

可使用的平台服務與整合包含:

* superun 雲計算:身分驗證,資料庫與後端能力
* superun AI:AI 驅動的互動與生成
* Stripe:金流與訂閱系統
* superun 生圖:AI 圖像生成
* Supabase:外部資料庫與後端整合

所有服務都已預先設定好可彼此協同運作,確保前後端始終保持一致.

> 💡 **理解工作流程**:在 superun 中,你會遇到三個關鍵概念:
>
> * **演示（Demo）**:純前端,只用來驗證想法和流程,使用假數據
> * **原型（Prototype）**:等同於演示,不含研發
> * **研發（Development）**:把真實能力（如發郵件）接上去,變成真正可服務其他用戶的產品
>
> 完成演示的條件:通過邀請鏈接註冊後,在 superun 輸入需求,生成四個風格,選其中一個風格執行完成.

→ **深入了解:** [Build](/superun/features/feature-list)

***

## Step 4 · Launch

### 發佈,優化並持續追蹤

當你的專案準備完成後,就可以正式上線.

* 設定網站標題,描述與社群分享預覽
* 配置 SEO 與網域設定
* 發佈並分享你的產品
* 追蹤效能與分析數據

你的產品現在已正式上線,可被搜尋,分享並持續監測.

→ **深入了解:** [Launch](/superun/features/publish)

***

## 接下來呢?

繼續探索文件內容,深入了解每一項功能與進階用法.

***

<Card title="superun 官方網站" icon="globe" href="https://superun.com/web" horizontal>
  前往 superun 官方網站,了解更多產品資訊與最新動態.
</Card>