某天我偶然遇到 Lovable 這個寶藏網站，首頁是大大的輸入框。
我玩了一下覺得很有趣，後來才知道它是AI Vibe Coding的其中一家廠商。
它讓我最驚喜的就是速度，因為我隨便講幾句話，沒想到短短幾分就建好網頁。
這東西沒玩還好，玩了就有點上癮了！
我理解的 Vibe Coding
這也是我第一次具體感受到Vibe Coding是什麼，也就是：把你腦袋中的任何想法、感覺和需求丟給 AI，讓它生出一個網站，再一邊預覽、一邊修改，過程只需要透過輸入文字就好。
它最吸引我的地方，不是讓人少學多少技術，而是讓做網頁這件事的門檻降得非常低。
Lovable 是什麼？
Lovable 是一個可以只靠文字，就幫你建立網頁或其他應用程式的AI Vibe Coding 網站。
你完全不需要知道網站如何建立，只要把你的想法寫出來告訴他，它就會幫你做出網頁。
對於總是覺得複雜，嫌麻煩的人來說，這種方式很友善。
以前自己要手刻網頁或是用現成的系統來發文，從頭摸到尾，要花上好幾天。
現在開始真的不需要想得很完整，有個框架先讓它產生初版，再慢慢修成自己想要的就好。
嘗試一：私人圖書館
第一次使用Lovable的時候，我想建立一個可以記錄我讀過什麼書的清單，就像圖書館那樣。
而且我希望能列出我讀過的書的資料，包含書封、作者、書名和年份。
我當時輸入了一行簡單的描述：
“create an online library museum which list all of my books, including book cover, author, title, year.”
大約過了三分鐘，我就得到了一個初步完成的網頁：
https://chapter-chest-gallery.lovable.app
出來的效果、介面和雖然偏陽春，但功能已經符合我一開始敘述的那樣了，光靠幾句話就能變成這樣，我已經覺得很厲害。
實現創意的地方
若你有一個概念，現在你可以實驗看看，很快就能看到成果，這也是我覺得 Vibe Coding 最實用的地方。
很多時候我們只是有個小想法，例如想整理書單、分享歌單甚至是解決生活上的雜事，但如果要從無到有，可能還沒開始就直接先放棄了。
你可以先從Lovable開始，而且它每做完一步，都可以直接在旁邊預覽。
我可以一邊確定成果，一邊告訴它哪裡要改，整個過程都算容易。
嘗試二：分享歌單
因為第一次的嘗試引起了我的興趣，我又去建了另一個分享音樂歌單的網站。
我只是想單純分享平常聽的歌，放歌曲資訊和喜歡的歌詞就好。
後來隔幾天，我又想到，如果後面想新增或修改內容，好像就需要有一個地方來放這些資料。
所以我告訴它，我需要儲存這些資料，讓我自己能自由新增、修改或刪除。
儲存資料的地方
這時Lovable問我是不是要開啟Supabase功能？
簡單來說，Supabase就是你放資料的地方，專業上叫做是資料庫。
開啟了Supabase，你甚至還能存各種表單的資料，例如：聯絡表單、作品列表、客戶清單，通通可以把這些存到裡面去。
除了分享歌單之外，我覺得Lovable也很適合拿來做：靈感收藏、記帳、旅遊手冊等等。
要是你一直有個想法，但一直都懶得開始，那就用用Lovable，說不定就能幫你踏出第一步！
不用先付錢，也能用免費版
Lovable 讓我覺得很讚的另一個原因，是他們有免費版，但使用量也是有限額。
它們是以 Credit 來計算，而這個Credit就是使用額度。
免費版一天最高可以使用5 credits，一個月最多能用 30 credits。
但它不是每打一段話就固定扣 1 Credit，而是會依照你的需求複雜程度來計算。
例如你只是請它改個文字，可能就花0.5 Credit。但如果你請它新增頁面、修改樣式，可能就會花比較多 Credit。
所以我會建議一開始使用之前，我們可以先選擇Plan模式，讓他跟你討論完確認好再執行。
輸入你的需求
一開始的需求，不用太複雜，你可以想一下，你想做什麼網站、需要哪些頁面、希望有哪些功能、喜歡什麼樣的風格。
這樣也比較不容易浪費Credits，也能讓它比較接近你想要的版本。
更人性化的提問
讓我更驚喜的是，當我叫他幫我存資料後，它還會主動問我要不要建立會員登入功能，以及設定相關權限，好比只有管理員可以編輯資料，其他人則不行，基本資安算是有幫我把關。
在我回答好之後，它就建立了登入功能，還幫我串好 Google 登入。只要告訴它我的信箱，它就能幫我設定管理員權限。
Lovable 也提供他們的免費網址可以發布，只是網址就是使用他們的lovable.app。
如果你不介意網址是什麼，這點我覺得非常方便，因為也下了需要跑到不同地方設定的功夫，你只要在同一個地方完成就好。
心得
這種體驗真的很神奇，很多對於新手而言複雜的功能，現在變成只要用文字溝通，就能做出來。
不過我也不會說它適合所有類型，如果你要做的是功能很複雜、牽涉金流、會員資料，或是客製化的系統，還是需要更多技術判斷。
Lovable 很適合幫你開始，但不代表每個細節都可以完全不用理解。
對我來說，它最大的優點不是功能看起來多厲害，而是踏出第一步這件事，變得很簡單。
先從一個小想法開始，做出第一版，再慢慢調整、增加內容和維護。
我覺得 Lovable 是一個很值得嘗試的工具，如果你也想是想把腦中的想法實現出來，非常推薦去試試看！
如果這篇 Lovable 使用心得有引起你的興趣，也歡迎按底下複製連結給你其他有興趣的朋友！
