課程說明
上課前請花約 10–30 分鐘 完成以下準備，讓課堂實作更順暢。
安裝工具
- Windsurf 主要 AI 寫程式工具
- Zeabur 網站部署上線
- Supabase 資料庫管理
準備素材
- 圖片 至少一張，Logo、產品圖等
- 文案 標題、介紹、聯絡資訊等
IDE 安裝
1 下載
點擊以下連結下載 Windsurf 。網站會自動偵測你的電腦系統，點進去後直接下載最新版本即可。
2 安裝
下載完成後，安裝過程中會需要登入或註冊帳號，以及完成相關設定步驟，只要像一般安裝軟體一樣，持續點選「下一步」就能完成，不需要進行任何特別的設定。
3 完成
安裝完成後，結果會如右側畫面所示。
Zeabur
1 註冊帳號
前往 Zeabur 官網 完成帳號註冊與手機驗證，依照畫面指示逐步操作即可。建議使用 GitHub 帳號快速登入，沒有的話用 Email 也可以。
2 完成設定
看到這個畫面代表設定完成。
Supabase
1 點擊註冊 Supabase
如果有 Github 帳號就用 Github，沒有的話就用下方電子郵件做註冊
2 Email 驗證
系統會提示你要至 Email 收信做驗證
3 打開 Email
打開剛剛所註冊的 Email，點選 「Confirm Email Address」
4 建立組織
這邊有點類似取一個公司名稱，如果要改名字的話，就在 Name 的欄位做設定，或是直接照系統預設的也可以
5 建立專案
這個步驟先跳過，上課時會教如何做，這裡先按 Cancel
6 完成
看到右側畫面則代表完成
活動頁素材準備
準備好素材，是讓學習成果落地的關鍵一步。上課前備齊圖片與文案，你就能在課堂上直接做出屬於自己的網站。
1 圖片準備
圖片是網站視覺效果的重要元素，請準備主要展示圖片、Logo、產品圖片、團隊照片、背景圖片等（至少一張）：
- 主視覺橫幅圖
- Logo
- 產品照片
- 環境／門市照片
- 老闆或團隊照片
2 網站文案準備
根據你要製作的網站類型，準備相應的文案內容。無論是官網、銷售頁還是活動頁，都需要清楚的文字內容：
- 基本文案內容：網站標題、副標題、產品介紹、公司簡介、聯絡資訊、行動呼籲（CTA）文字
- 官網文案：關於我們、服務項目說明、客戶見證、常見問題（FAQ）、隱私政策和服務條款
- 銷售頁文案：產品特色優勢、價格方案、客戶評價、限時優惠、購買流程說明
- 活動頁文案：活動主題目的、時間地點、參與方式條件、獎品優惠內容、報名參與流程
範例：甜點店官網文案整理
網站標題
甜點職人 — 手工烘焙甜點專門店
副標題
每日現做的新鮮甜點，從選豆到出爐，一切為了那完美的一口
店舖介紹
甜點職人成立於 2022 年，專注於手工烘焙甜點製作。我們採用日本進口麵粉、法國頂級奶油與自製果醬，每一份甜點都經過嚴格品質控制。無論是生日蛋糕、彌月禮盒還是日常甜點，都能客製化滿足你的需求。
主打產品
- 生乳酪蛋糕 採用紐西蘭進口起司，濃郁卻不膩口，每週限量 20 個
- 焦糖千層派 72 層手工千層，焦糖醬每天現煮，入口即化
- 草莓鮮奶油蛋糕 使用當季新鮮草莓，奶油比例經年份調整，季節限定
- 巧克力熔漿蛋糕 比利時黑巧克力 70%，中心溫泉蛋液，每份現烤 8 分鐘
關於我們
老闆娘 Amy 在法國進修甜點 3 年後返台創業，堅持不加防腐劑與人工香料，採用季節性食材打造每月新菜單。每份甜點都是一個故事，我們希望透過甜點傳遞溫暖。
營業資訊
週一到週五 12:00 – 20:00，週六日 11:00 – 21:00（每週一公休）
聯絡方式
電話：(02) 2xxx-xxxx Line：@sweettartisan Email：hello@sweettartisan.com
行動呼籲
立即 Line 預訂你的甜點，或來門市品嚐本週限定新作。首次購買滿 $500 享 9 折優惠！