課程說明

上課前請花約 10–30 分鐘完成以下準備,讓課堂實作更順暢。

安裝工具

  • Antigravity 主要 AI 寫程式工具
  • Zeabur 網站部署上線
  • Supabase 資料庫管理

準備素材

  • 圖片 至少一張,Logo、產品圖等
  • 文案 標題、介紹、聯絡資訊等

IDE 安裝

1下載

點擊以下連結下載 Antigravity 。網站會自動偵測你的電腦系統,點進去後直接下載最新版本即可。

2安裝

下載完成後,安裝過程中會需要登入或註冊帳號,以及完成相關設定步驟,只要像一般安裝軟體一樣,持續點選「下一步」就能完成,不需要進行任何特別的設定。

3完成

安裝完成後,結果會如右側畫面所示。

完成畫面

請準備兩個 Google 帳號

課程主要使用 Antigravity,為避免單一帳號額度用完,請準備兩個 Google 帳號供 Antigravity 輪替使用。

Zeabur

1註冊帳號

前往 Zeabur 官網 完成帳號註冊與手機驗證,依照畫面指示逐步操作即可。建議使用 GitHub 帳號快速登入,沒有的話用 Email 也可以。

2完成設定

看到這個畫面代表設定完成。

Zeabur 主控台

Supabase

1點擊註冊 Supabase

如果有 Github 帳號就用 Github,沒有的話就用下方電子郵件做註冊

訪問 Supabase 官網並註冊

2Email 驗證

系統會提示你要至 Email 收信做驗證

Email 驗證

3打開 Email

打開剛剛所註冊的 Email,點選 「Confirm Email Address」

打開 Email

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 折優惠!