iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

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

這個系列重新從第一天開始,完整記錄如何把 Lovable 當成 Modern Web 的代理式全端開發環境,而不是單次產生網頁的提示詞工具。30 篇會從產品規格、Plan Mode、Build Mode、Subagents、Knowledge、Skills、Supabase、登入權限、金流整合、GitHub、測試、安全、SEO、發布,到多個實戰專案,整理一套可驗證、可維護、可上線的 AI 協作開發流程。

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

第 1 章:Lovable 到底強在哪裡

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

2026-09-01 ‧ 由 Wolke 分享
DAY 2

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

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

2026-09-02 ‧ 由 Wolke 分享
DAY 3

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

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

2026-09-03 ‧ 由 Wolke 分享
DAY 4

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

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

2026-09-04 ‧ 由 Wolke 分享
DAY 5

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

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

2026-09-05 ‧ 由 Wolke 分享
DAY 6

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

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

2026-09-06 ‧ 由 Wolke 分享
DAY 7

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

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

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

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

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

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

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

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

2026-09-09 ‧ 由 Wolke 分享
DAY 10

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

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

2026-09-10 ‧ 由 Wolke 分享