Vo的簡單介紹

因為之前看了訪談Vercel的CEO Guillermo Rauch的影片後,他有提到V0的設計理念,他們做V0的概念是 code last,而不是 code first。意思大概是說你在使用V0時,不是先寫程式碼,而是你用你的想法或品味與V0合作一起做出一些很棒的東西。

但他口中的V0跟我之前玩過的V0有點不太一樣,所以這幾天又找出來玩了一下,發現這個真的是超強的網頁開發整合編輯器。在網頁開發上,應該比其他家都強,以下是我覺得強的原因。
▶︎最新的資訊:Vercel這家公司本身就是React Web框架Next.js的支持者,所以許多最新的資訊像是React 19或Next.js 15最新版的資訊,V0都會知道,不用像其他的大語言模型無法及時更新,所以在網頁開發上V0真的有其獨到之處。
▶︎互動式修改:在Preview作品時,可以透過類似ChatGPT Canvas的功能點選網頁上的某個元件,直接叫V0修改顏色或是動畫。也可以手動更改程式。
▶︎結合Supbase的後端:設定好Vercel的Supbase後,只要在V0中提供環境變數,就可以直接結合後端資料庫記錄。
▶︎版本控制跟下載到本地端:每次prompt或手動修改,都會自動記錄下來,可以像Google文件一樣回到前一個版本。並且可以透過npx或手動下載到本地電腦結合cursor或github copilot繼續編輯。
▶︎一鍵部屬:只要按下右上角的Deploy就可以部屬到Vercel上,讓所有人都可以存取你的作品
在試玩的過程,越覺得自己到底要不要重新把React、Next.js甚至Tailwind CSS都好好學好?因為V0主要都是用這些技術來打造產品。
還是邊問邊學就好?畢竟當卡住的時候,如果你有這些基本觀念會更明確的指出你要改的地方,讓AI知道你到底要做什麼?會提升解決問題的速度跟產品的品質
但如果你根本都不會呢?我到覺得先有品味+對產品的想法,在不斷對話的過程中完善你的產品,如果你對UI不熟沒關係,看看其他好的網站截個圖,丟給AI討論。甚至還可以反過來問V0,嗯~我覺得這個版面還少一些東西,但是我說不出來,我可以怎麼做讓他看起來更現代/更復古/更好看?
#未來的全端可能不是前端跟後端
#而是使用者端到產品端








沒有留言:

Lazy prompting