跳到主要內容
AI 武林
影片入門EN3.7 萬 次觀看

Did Lovable just replace Developers once and for all...? (Full Beginner Tutorial with Payments & AI)

來源　Sonny Sangha

看影片（在新分頁開啟原站）連到 Sonny Sangha

摘要

示範如何用 Lovable 從零建置包含付費訂閱、班級預約與 AI 助手的健身網站。觀眾能學習將客戶需求轉為執行計畫、設定 Stripe 支付與 Resend 郵件，並透過 MCP 伺服器讓外部 AI 工具存取應用程式資料。

A tutorial demonstrating how to build a full-stack gym app with payments and an AI assistant using Lovable.

摘要、重點與章節標題由語言模型整理，細節（誰說的、數字、先後）可能有誤；要引用請以原始內容為準。

重點

  • 使用 Lovable 將健身網站需求轉為可執行的建置計畫
  • 設定 Stripe 訂閱與 Resend 完成會員付費與郵件流程
  • 建立 MCP 伺服器讓外部 AI 工具存取應用程式資料

章節

依話題轉折切分，標題由 AI 產生

  1. 00:00Intro
  2. 02:34The FORGE Studio project brief
  3. 03:27Writing the prompt in Plan mode
  4. 07:35Reviewing and approving the build plan
  5. 09:43Lovable Cloud, AI and connectors
  6. 11:20Starting credits and build usage
  7. 15:57Exploring the database and access policies
  8. 17:04Enabling Stripe payments
  9. 20:14Testing Chad, the AI gym assistant
  10. 22:27Email setup: Lovable vs Resend
  11. 24:52Testing sign-up and membership checkout
  12. 26:21Debugging payments with screenshots
  13. 30:49Mobile testing and improving Chad's buttons
  14. 35:38Booking classes and tracking credits
  15. 36:55Checking booking and cancellation emails
  16. 37:49Testing the admin dashboard
  17. 39:45Publishing and reviewing security findings
  18. 41:11SEO checks and sitemap fixes
  19. 42:21Giving the app its own MCP server
  20. 44:24Deploying MCP and connecting Claude
  21. 47:36Reviewing the build's credit usage
  22. 48:32Syncing the code to GitHub
  23. 49:37Fixing MCP booking access
  24. 50:59Retesting the Claude integration
  25. 51:39Final verdict

提到的工具與公司

  • Lovable
  • Lovable Cloud
  • Stripe
  • Resend
  • Postgres
  • Claude

適合誰看

希望快速建置包含付費功能與 AI 整合的應用程式的開發者或產品經理。

摘要依據

依據
自動字幕

為什麼排在這裡

人氣
0.86
新鮮
0.97

在主題頁與搜尋結果裡，名次由相關、人氣、新鮮三個分數決定；這一頁沒有搜尋的關鍵字，所以沒有相關分數。排序怎麼算

相關內容

摘要由 AI 根據原文產生，可能有誤；完整內容請看原站。看影片（在新分頁開啟原站）