官方影音
以下皆來自 Lovable 官方 YouTube 頻道 或官方影音庫掛上的同一支影片。短操作片長度通常只有一兩分鐘，適合對照本站對應頁面一起看。
Academy 裡的課程片請到 影音目錄 觀看，無法內嵌。
入門總覽
Master Lovable in 17 minutes
來源：Lovable
官方入門總覽：介面、第一則提示詞、預覽與 Cloud 的基本用法。時間不多就從這支開始，對應 第一個應用程式。
Master Lovable In 24 Minutes
來源：Lovable
把產品說明、風格與對象寫進第一則提示詞，再針對實際點擊後沒反應的地方繼續改。對應 提示詞怎麼寫。
Intro - Lovable
來源：Lovable
產品定位短片：一句話開始，得到可預覽的全端應用。適合還沒註冊、只想知道它在做什麼的人。對應 認識 Lovable。
How Vibecoding Actually Works
來源：Lovable
官方解釋 vibe coding：不是把規格一次丟進去，而是用對話、預覽與還原把產品慢慢修準。
短操作示範
How to Create a Project in Lovable
來源：Lovable
開新專案、寫顧客回饋 App 的第一則提示詞、看產生的檔案與預覽。對應 第一個應用程式。
How to use the chat mode in Lovable?
來源：Lovable
片中的 Chat mode 就是現在的規劃模式：先討論、先查問題，核准後才改程式。對應 規劃、建置與還原。
Using the Select feature
來源：Lovable
在預覽裡點選區塊，只請 AI 改那一塊，減少誤傷其他頁面。
Reverting a changes
來源：Lovable
版本紀錄與還原。改壞了先回來，再換一則更小的提示詞。
How to Add Custom Knowledge to Your Project
來源：Lovable
把產品規則、品牌與「不要做什麼」寫進 Knowledge，之後就不必每則提示詞重講。
Adding images to your prompt
來源：Lovable
第一則提示詞就附上草圖、截圖或參考畫面，比用文字形容版面準。
Adding images to your application
來源：Lovable
專案裡的圖片怎麼放進頁面，而不是只當提示詞附件。
How to start from a template?
來源：Lovable
不想從空白提示詞開始時，從現成模板改。對應 發布與程式碼。
How to remix projects
來源：Lovable
Remix 會得到獨立副本，原專案不受影響。適合「別人的 App 很接近我想做的」。
How to refactor code with Lovable?
來源：Lovable
專案變亂時請它整理檔案與元件，而不是繼續在亂掉的結構上疊功能。
Publishing your Lovable project
來源：Lovable
Publish 按鈕與公開網址。記住：預覽改完要再發布一次，公開站才會更新。
How to Connect GitHub to Your Project
來源：Lovable
Git 雙向同步，方便備份或接到 Cursor 等編輯器。對應 發布與程式碼。
後端與整合
Building Full-Stack Apps With Lovable Cloud
來源：Lovable
Cloud 裡的資料庫、登入、檔案、Edge Functions、AI 與 Secrets。問它要登入或資料表時，它會請你核准啟用 Cloud。對應 Lovable Cloud。
Introducing Lovable Cloud & AI
來源：Lovable
Cloud 與應用內 AI 上線時的產品介紹，適合建立「現在預設走內建後端」的印象。
The Easiest Way To Build Apps
來源：Lovable
從前端概念講到 Cloud、外部 API 與 Secrets，結尾指向官方文件與 Discord。比 17 分鐘那支更深一層。
How to Connect Your Lovable App to Supabase
來源：Lovable
舊專案或你已有 Supabase 時怎麼連接。新專案若走 Cloud，不必先看這支。
Connecting Lovable Apps With External Services
來源：Lovable
接 Slack、試算表、金流等外部服務時，金鑰放 Secrets、用連接器，不要把密鑰寫進前端。
How to set-up an OpenAI API key?
來源：Lovable
應用裡要呼叫 OpenAI 時，金鑰放後端 Secrets。若只用 Cloud 內建 AI，通常不必自己貼金鑰。
完整實作與產品更新
Build Web Apps with AI—No Coding Required! Full Lovable Tutorial
來源：Lovable
約一小時的官方長課程：Supabase、登入、OpenAI、Stripe、手動改程式、Chat-only、還原、部署。介面偏早期，觀念仍適用；新專案的後端請優先對照 Cloud 那幾支。
How To Built a CRM in Lovable in 23 Minutes
來源：Lovable
官方用約 23 分鐘做出 CRM，示範「一次一塊」比一次要整套功能有效。對應 Cloud 文件裡的 CRM 提示詞範例。
Build a Complete E-commerce Store in 20 Minutes
來源：Lovable
Lovable 加上 Shopify，約 20 分鐘做出商店前台。要做電商時再看，一般網站不必先學。
Lovable Visual Edits
來源：Lovable
Office Hours 示範 Visual Edits：在預覽即時調 UI。與 Select 功能同一條路，只是講得更完整。
From Prompts to Precision – Meet Lovable’s Instant UI Editing!
來源：Lovable
即時 UI 編輯的產品發表，說明為什麼「指著畫面改」比重寫提示詞準。
Lovable Agent Update - Full Walkthrough
來源：Lovable
Agent 更新走一遍：規劃、執行與較複雜任務怎麼拆。適合已經會基本迴圈、想看新介面的人。
How to SEO Optimize Your Lovable App
來源：Lovable
發布之後怎麼處理標題、描述與搜尋可見度。對應官方 SEO 文件。
Lovable 2.0 is here
來源：Lovable
2.0：多人同時改、較聰明的建置與安全性。當背景知識即可，操作仍以當前編輯器為準。