隨著AI技術(shù)的發(fā)展和進(jìn)步，越來(lái)越多人可能將可以掌握開(kāi)發(fā)能力，或者借助AI工具，以創(chuàng)造出想要的產(chǎn)品。這篇文章里，作者就介紹并分析了這樣的工具產(chǎn)品——V0，它是由Vercel推出的由AI提供支持的生成式UI系統(tǒng)。一起來(lái)看看本文的梳理。

Vercel 是一個(gè)對(duì)普通用戶來(lái)說(shuō)略顯陌生的平臺(tái)，但其在開(kāi)發(fā)者群體中有極高知名度。Vercel 含義為：Versatile + accelerate + excel。Vercel 讓前端團(tuán)隊(duì)的工作更加迅速、高效，不僅吸納了優(yōu)秀的開(kāi)發(fā)流程，更專注于提升用戶的實(shí)際體驗(yàn)。

近期，Vercel 團(tuán)隊(duì)推出了全新產(chǎn)品 V0—— AI 提供支持的生成式 UI 系統(tǒng)，可以幫助用戶用自然語(yǔ)言描述需求并生成前端網(wǎng)頁(yè)代碼。

思考：

我們嘗試基于文章內(nèi)容，提出更多發(fā)散性的推演和深思，歡迎交流。

開(kāi)發(fā)生態(tài)日益復(fù)雜，開(kāi)發(fā)者面臨選擇困難。Vercel 等平臺(tái)為開(kāi)發(fā)者解決了底層復(fù)雜度，降低入門門檻。但過(guò)去的 Vercel 等同類平臺(tái)仍然過(guò)度依賴開(kāi)發(fā)者的技術(shù)素質(zhì)。伴隨著 AI 技術(shù)的發(fā)展，將有更多人掌握開(kāi)發(fā)能力或借助 AI 工具輔助創(chuàng)造出滿足需求的產(chǎn)品。

V0 反映了 AI 在輔助開(kāi)發(fā)方面的潛力。但生成式代碼質(zhì)量與后續(xù)迭代仍需開(kāi)發(fā)者進(jìn)行監(jiān)督與校正，AI 現(xiàn)階段的作用主要在于提升效率和降低成本，開(kāi)發(fā)者仍是核心。后續(xù) AI 如何從這種 Copilot 的角色逐漸發(fā)揮更大的潛力，以及后 AI 時(shí)代開(kāi)發(fā)模式的演變和開(kāi)發(fā)者的角色變化值得長(zhǎng)期關(guān)注。

AI Native 產(chǎn)品分析——V0

1. 產(chǎn)品：v0——生成式 UI 平臺(tái)

2.上線時(shí)間：2023 年 9 月 12 日

3. 創(chuàng)始人：Guillermo Rauch

Vercel 的工程師兼 CEO，十幾歲的時(shí)候就致力于倡導(dǎo)和教導(dǎo)人們使用 Linux。創(chuàng)辦的第一家公司 Cloudup 被 WordPress 背后的公司收購(gòu)。在參與創(chuàng)建 Socket.IO 和 Mongoose 等眾多有影響力的開(kāi)源項(xiàng)目后，Guillermo 看到了創(chuàng)建工具和云基礎(chǔ)設(shè)施的機(jī)會(huì)，進(jìn)而創(chuàng)立了 Next.js 和 Vercel。

什么是B端产品经理？和C端产品经理有什么区别？

B端产品经理中的B是Business，商业的意思，B端产品经理首先就要理解这个职位的重要性，要设计出更适合这个项目需求的产品方案，B最终产品经理在日常工作中...

查看详情 >

4. 產(chǎn)品簡(jiǎn)介：

V0 被 Vrecel 團(tuán)隊(duì)稱之為生成式 UI 系統(tǒng)——將前端開(kāi)發(fā)的最佳實(shí)踐與生成式 AI 的潛力相結(jié)合。目標(biāo)是幫助開(kāi)發(fā)者構(gòu)建其產(chǎn)品的第一個(gè)版本。用戶可使用自然語(yǔ)言描述需求，借助 AI 大模型生成代碼。

5. 發(fā)展進(jìn)程：

• 2015 年創(chuàng)建 Zeit（Vercel 前身）
• 2016 年 Zeit 推出開(kāi)源的 React 上層框架 Next.js
• 2020 年完成 2100 萬(wàn)美元 A 輪融資，改名為 Vercel，集成 React 以外主流框架

截至 2020 年 4 月，Zeit 一共有 30 多萬(wàn) 開(kāi)發(fā)者用戶。

• Vercel 陸續(xù)完成了 B、C、D 輪融資，總?cè)谫Y額達(dá)到 3.13 億美元
• 2023 年推出 AI 加速計(jì)劃，助力開(kāi)發(fā)者進(jìn)行 AI 應(yīng)用開(kāi)發(fā)
• 2023 年 9 月推出 V0，目前處于 Beta 版本

一、Vercel 是什么？

Vercel（原名 ZEIT）是一個(gè)云平臺(tái)，讓開(kāi)發(fā)者得以即時(shí)部署、自動(dòng)擴(kuò)容網(wǎng)站和網(wǎng)絡(luò)服務(wù)，無(wú)需人工操作。該平臺(tái)由 Guillermo Rauch 于 2015 年創(chuàng)立，專門面向 Gatsby、Hugo 等靜態(tài)網(wǎng)站生成器和 Contentful、Prismic、WordPress 等 CMS 用戶，提供直觀、易于配置的界面。而且，作為 Next.js 框架的母公司，Vercel 也配備了不少亮眼的功能。

可以說(shuō)，Vercel 是部署網(wǎng)站最便捷的平臺(tái)。只需將 GitHub 倉(cāng)庫(kù)連接到 Vercel，一鍵部署主分支，剩下的復(fù)雜工作全都交給 Vercel 就好：

• 一鍵部署網(wǎng)站到全球 CDN，
• 通過(guò)智能監(jiān)控和自動(dòng)擴(kuò)容，保障網(wǎng)站隨時(shí)在線，
• 自動(dòng)處理 SSL 證書和 HTTPS 事宜。

除此之外，Vercel 還有讓用戶眼前一亮的三大殺手級(jí)功能：

1. Vercel 允許開(kāi)發(fā)者綁定自己的域名（或使用免費(fèi)域名），并提供免費(fèi)的 SSL 證書，確保服務(wù)器與瀏覽器間加密數(shù)據(jù)的安全傳輸。
2. 與 GitHub 或 GitLab 實(shí)現(xiàn)了深度集成，開(kāi)發(fā)者可以托管靜態(tài)網(wǎng)站和應(yīng)用，并確保每一次的代碼提交或拉取請(qǐng)求都實(shí)時(shí)部署和預(yù)覽。
3. 自動(dòng)擴(kuò)容，全程無(wú)需人工操作和服務(wù)器配置。

二、Vercel 的優(yōu)勢(shì)

利用 Vercel 部署網(wǎng)站和應(yīng)用非常簡(jiǎn)單，開(kāi)發(fā)者無(wú)需操心服務(wù)器問(wèn)題，因?yàn)樵?Vercel 平臺(tái)部署意味著“即時(shí)上線”。它還能根據(jù)需求自動(dòng)擴(kuò)容，無(wú)論流量如何增長(zhǎng)都能確保足夠算力。

此外，Vercel 能基于用戶訪問(wèn)情況提供個(gè)性化內(nèi)容。更重要的是，它與各種現(xiàn)代框架兼容性極佳，開(kāi)發(fā)者注冊(cè)幾分鐘內(nèi)就能開(kāi)始構(gòu)建應(yīng)用。使用 Vercel，無(wú)需擔(dān)憂服務(wù)器維護(hù)、應(yīng)用擴(kuò)展或軟件更新等問(wèn)題。這些繁瑣的任務(wù)，云平臺(tái)已經(jīng)自動(dòng)完成。

不論用戶是經(jīng)驗(yàn)豐富的專業(yè)人士尋找新的托管平臺(tái)，還是剛剛步入前端開(kāi)發(fā)領(lǐng)域的新手，Vercel 都可以輕松上手。

此外，Vercel 的市場(chǎng)同樣功能強(qiáng)大。用戶可以將第三方工具（比如 Slack， Google Lighthouse 等）連接到項(xiàng)目，與團(tuán)隊(duì)協(xié)作，共同配置部署設(shè)置。

三、Vercel 的工作原理

在 Vercel 上部署應(yīng)用需要?jiǎng)?chuàng)建項(xiàng)目，將部署和自定義域名結(jié)合起來(lái)。每個(gè)項(xiàng)目可以接收來(lái)自 GitHub、GitLab、Bitbucket 或 Vercel CLI 的部署請(qǐng)求。

用戶可以通過(guò) Vercel 儀表板輕松創(chuàng)建項(xiàng)目，或者從現(xiàn)有的 Git 倉(cāng)庫(kù)導(dǎo)入。此外，可以自定義項(xiàng)目名稱、編輯構(gòu)建和開(kāi)發(fā)設(shè)置、修改根目錄、配置其他變量等。每個(gè)項(xiàng)目也可以添加自定義域名。平臺(tái)支持部署鉤子，通過(guò)這些獨(dú)特的 URLs 接受 HTTP POST 請(qǐng)求，并觸發(fā)部署。

為了加強(qiáng)部署過(guò)程的安全性，平臺(tái)還提供了密碼和 SSO 保護(hù)，確保預(yù)覽部署的訪客必須使用個(gè)人 Vercel 賬戶登錄。用戶還可以在 Vercel 賬戶之間轉(zhuǎn)移項(xiàng)目，全程零停機(jī)，不會(huì)中斷工作流。

四、Vercel 的局限性和注意事項(xiàng)

Vercel 主要面向開(kāi)發(fā)者，而非普通用戶，因此需要高級(jí)開(kāi)發(fā)者或?qū)I(yè)機(jī)構(gòu)來(lái)充分利用其技術(shù)。為了充分利用基于云的基礎(chǔ)設(shè)施的潛力，需要具有特定技術(shù)技能的開(kāi)發(fā)者。這可能會(huì)導(dǎo)致企業(yè)對(duì)開(kāi)發(fā)者的過(guò)度依賴，在團(tuán)隊(duì)不可用時(shí)就就有可能出現(xiàn)問(wèn)題。

從開(kāi)發(fā)者視角看，Vercel 在文檔完整性和系統(tǒng)維護(hù)方面存在不足。對(duì)于需要高度可用性的項(xiàng)目，Vercel 可能并不理想，因?yàn)樗鄙賰?nèi)置的故障恢復(fù)機(jī)制。而且，大規(guī)模的更新可能會(huì)導(dǎo)致服務(wù)中斷。

Vercel 不提供持續(xù)的網(wǎng)站管理或優(yōu)化服務(wù)，這意味著如果用戶不親自進(jìn)行維護(hù)，可能會(huì)遇到服務(wù)中斷的問(wèn)題。盡管 Vercel 提供了創(chuàng)新的開(kāi)發(fā)體驗(yàn)，但它并沒(méi)有實(shí)現(xiàn)開(kāi)發(fā)流程的完全自動(dòng)化，開(kāi)發(fā)者還需要手動(dòng)處理一些代碼托管和部署任務(wù)。

雖然 Vercel 是一個(gè)功能強(qiáng)大的無(wú)服務(wù)器云平臺(tái)，但它并不能確保絕對(duì)的安全。數(shù)據(jù)安全級(jí)別取決于用戶賬戶的密碼保護(hù)程度。Vercel 確實(shí)提供了 SSL 加密等安全措施，但用戶必須設(shè)置強(qiáng)密碼并自行管理身份驗(yàn)證系統(tǒng)，這意味著用戶需要承擔(dān)保護(hù)其敏感信息的責(zé)任。

此外，因?yàn)?Vercel 使用的是 Amazon AWS，所以它具有行業(yè)一致的安全標(biāo)準(zhǔn)和先進(jìn)的認(rèn)證工具。然而，Vercel 不提供私有服務(wù)器網(wǎng)絡(luò)，如果開(kāi)發(fā)者的項(xiàng)目需要快速響應(yīng)，就可能需要考慮不同地區(qū)之間的延遲問(wèn)題。

五、V0：Vercel 推出的 AI 前端工具

v0 是 Vercel 推出的由 AI 提供支持的生成式 UI 系統(tǒng)，將前端開(kāi)發(fā)的最佳實(shí)踐與生成式 AI 的潛力相結(jié)合。其目標(biāo)是幫助開(kāi)發(fā)人員低成本構(gòu)建其產(chǎn)品的第一個(gè)版本。

它的工作原理如下：

• 用戶用自然語(yǔ)言描述想要構(gòu)建的界面
• v0 使用 React、Tailwind CSS 和 Shadcn UI 等開(kāi)源工具生成代碼
• 選擇一個(gè)迭代并在 v0 中繼續(xù)編輯
• 修改完畢將該代碼復(fù)制并粘貼到應(yīng)用程序中

v0 推出后，在三周內(nèi)就獲得了超過(guò) 100,000 名用戶申請(qǐng)使用。目前 v0 正處于 Beta 測(cè)試版本，有更多用戶可以通過(guò)申請(qǐng)獲得訪問(wèn)權(quán)限，并為那些想要解鎖完整功能的用戶推出了付費(fèi)訂閱計(jì)劃。

參考材料：

https://v0.dev/faq#will-my-generations-be-used-for-training

https://intuji.com/what-is-vercel-is-it-the-right-platform-for-front-end-developers