iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

Lovable: 地球上最強的 AI 生成全端網站Agentic開發實戰 系列

將 Lovable 作為代理式(Agentic)開發環境使用,而不僅僅是一個提示詞輸入框。

將模糊的產品構想轉化為清晰、可執行的開發規格。

建構包含使用者介面(UI)、身分驗證(Auth)、資料庫、儲存空間、後端功能與第三方整合的全端 Web 應用程式。

驗證、維護安全性、發布並持續迭代 Lovable 專案。

清楚判斷何時適合留在 Lovable 內開發,何時該切換至 GitHub、Code Mode、Supabase 或其他外部工具。

參賽天數 18 天 | 共 18 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文
DAY 1

第 1 章:Lovable 到底強在哪裡

本章目標 讀完這一章,你會先放下「Lovable 是不是另一個 AI 網頁產生器」這個問題,改用更準確的角度理解它:Lovable 是一個用自然語言驅動的全端產...

2026-08-03 ‧ 由 Wolke 分享
DAY 2

第 2 章:建立你的第一個 Lovable 專案

本章目標 讀完這一章,你會建立第一個 Lovable 專案,並理解它不是一個孤立的生成結果,而是 workspace(工作區)裡的一個可持續迭代的 applic...

2026-08-04 ‧ 由 Wolke 分享
DAY 3

第 3 章:提示詞不是咒語,是規格

本章目標 讀完這一章,你會知道如何把「我想做一個網站」轉成 Lovable 可以穩定執行的產品規格。你會學到 提示詞不只是命令 AI 的句子,而是一種壓縮版 s...

2026-08-05 ‧ 由 Wolke 分享
DAY 4

第 4 章:Plan Mode(規劃模式):先想清楚再開工

本章目標 讀完這一章,你會知道什麼時候該用 Plan Mode,以及如何讓 Lovable 在不改程式碼的前提下,幫你釐清產品想法、比較技術方案、設計資料模型、...

2026-08-06 ‧ 由 Wolke 分享
DAY 5

第 5 章:Build Mode(建置模式):讓 Agent 接手實作

本章目標 讀完這一章,你會知道如何讓 Lovable 在 Build Mode 裡真正接手實作,同時不失去控制。你會學到怎麼下達可執行任務、怎麼設定 guard...

2026-08-07 ‧ 由 Wolke 分享
DAY 6

第 6 章:Subagents(子代理):把複雜問題拆給多個 AI 調查

本章目標 讀完這一章,你會知道 Subagents 在 Lovable 裡扮演什麼角色:它們不是一起改 code 的分身,而是暫時、唯讀、聚焦的調查員。你會學到...

2026-08-08 ‧ 由 Wolke 分享
DAY 7

第 7 章:Knowledge 與 Skills(知識與技能):把團隊工作方式教給 Lovable

本章目標 讀完這一章,你會知道如何把一次成功的 提示詞、規則、審查流程和團隊習慣,轉成 Lovable 可以長期使用的上下文。你會分清楚 Knowledge、S...

2026-08-09 ‧ 由 Wolke 分享
DAY 8

第 8 章:從首頁到產品體驗

本章目標 讀完這一章,你會知道如何用 Lovable 把一個「看起來像網站」的首頁,推進成「真的能承載產品體驗」的介面。你會學會使用 Design guidan...

2026-08-10 ‧ 由 Wolke 分享
DAY 9

第 9 章:讓 AI 幫你長出後端:Lovable + Supabase

本章目標 讀完這一章,你會知道如何在 Lovable 裡把前端頁面接上真正的後端。你會理解 Lovable、Supabase 與 Lovable Cloud 的...

2026-08-11 ‧ 由 Wolke 分享
DAY 10

第 10 章:登入、權限與使用者系統

本章目標 讀完這一章,你會知道如何把第 9 章的資料模型接上使用者系統。你會學會用 Lovable 建立 email/password login、Google...

2026-08-12 ‧ 由 Wolke 分享