AI 生成 UI 介面，Vercel 最新推出生成式 UI 工具 V0

原文來源：深思 SenseAI

圖片來源：由無界AI生成

Vercel 是一個對普通用戶來說略顯陌生的平臺，但其在開發者群體中有極高知名度。 Vercel 含義為：Versatile + accelerate + excel。 Vercel 讓前端團隊的工作更加迅速、高效，不僅吸納了優秀的開發流程，更專注於提升用戶的實際體驗。

近期，Vercel 團隊推出了全新產品 V0—— AI 提供支援的生成式 UI 系統，可以幫助使用者用自然語言描述需求並生成前端網頁代碼。

AI Native 產品分析

V0

**1. 產品：**v0——生成式UI平臺

**2.上線時間：**2023 年 9 月 12 日

**3. 創始人：**Guillermo Rauch

Vercel 的工程師兼 CEO，十幾歲的時候就致力於宣導和教導人們使用 Linux。 創辦的第一家公司 Cloudup 被 WordPress 背後的公司收購。 在參與創建 Socket.IO 和Mongoose等眾多有影響力的開源專案後，Guillermo看到了創建工具和雲基礎設施的機會，進而創立了Next.js 和 Vercel。

4. 產品簡介：

V0 被 Vrecel 團隊稱之為生成式 UI 系統——將前端開發的最佳實踐與生成式 AI 的潛力相結合。 目標是幫助開發者構建其產品的第一個版本。 使用者可使用自然語言描述需求，藉助 AI 大模型生成代碼。

5. 發展進程：

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

• 截至 2020 年 4 月，Zeit 一共有 30 多萬 開發者使用者。

• Vercel 陸續完成了 B、C、D 輪融資，總融資額達到 3.13 億美元
• 2023 年推出 AI 加速計劃，助力開發者進行 AI 應用開發
• 2023 年 9 月推出 V0，目前處於 Beta 版本

**01.Vercel 是什麼？ **

Vercel（原名 ZEIT）是一個雲平臺，讓開發者得以即時部署、自動擴容網站和網路服務，無需人工操作。 該平臺由 Guillermo Rauch 於 2015 年創立，專門面向 Gatsby、Hugo 等靜態網站生成器和 Contentful、Prismic、WordPress 等 CMS 使用者，提供直觀、易於配置的介面。 而且，作為 Next.js 框架的母公司，Vercel 也配備了不少亮眼的功能。

可以說，Vercel 是部署網站最便捷的平臺。 只需將 GitHub 倉庫連接到 Vercel，一鍵部署主分支，剩下的複雜工作全都交給 Vercel 就好：

• 一鍵部署網站到全球CDN，
• 通過智慧監控和自動擴容，保障網站隨時在線，
• 自動處理 SSL 證書和 HTTPS 事宜。

除此之外，Vercel 還有讓使用者眼前一亮的三大殺手級功能：

• Vercel 允許開發者綁定自己的功能變數名稱（或使用免費功能變數名稱），並提供免費的 SSL 證書，確保伺服器與瀏覽器間加密數據的安全傳輸。
• 與 GitHub 或 GitLab 實現了深度集成，開發者可以託管靜態網站和應用，並確保每一次的代碼提交或拉取請求都即時部署和預覽。
• 自動擴容，全程無需人工操作和伺服器配置。

02. Vercel 的優勢

利用 Vercel 部署網站和應用非常簡單，開發者無需操心伺服器問題，因為在 Vercel 平臺部署意味著「即時上線」。 它還能根據需求自動擴容，無論流量如何增長都能確保足夠算力。

此外，Vercel 能基於使用者訪問情況提供個人化內容。 更重要的是，它與各種現代框架相容性極佳，開發者註冊幾分鐘內就能開始構建應用。 使用 Vercel，無需擔憂伺服器維護、應用擴展或軟體更新等問題。 這些繁瑣的任務，雲平臺已經自動完成。

不論使用者是經驗豐富的專業人士尋找新的託管平臺，還是剛剛步入前端開發領域的新手，Vercel 都可以輕鬆上手。

此外，Vercel 的市場同樣功能強大。 用戶可以將第三方工具（比如 Slack， Google Lighthouse 等）連接到專案，與團隊協作，共同配置部署設置。

03. Vercel 的工作原理

在 Vercel 上部署應用需要創建專案，將部署和自定義功能變數名稱結合起來。 每個專案可以接收來自 GitHub、GitLab、Bitbucket 或 Vercel CLI 的部署請求。

用戶可以通過 Vercel 儀錶板輕鬆創建專案，或者從現有的 Git 倉庫導入。 此外，可以自定義專案名稱、編輯構建和開發設置、修改根目錄、配置其他變數等。 每個專案也可以添加自定義功能變數名稱。 平台支援部署鉤子，通過這些獨特的 URLs 接受 HTTP POST 請求，並觸發部署。

為了加強部署過程的安全性，平臺還提供了密碼和 SSO 保護，確保預覽部署的訪客必須使用個人 Vercel 帳戶登錄。 使用者還可以在 Vercel 帳戶之間轉移專案，全程零停機，不會中斷工作流。

04. Vercel 的局限性和注意事項

Vercel 主要面向開發者，而非普通使用者，因此需要高級開發者或專業機構來充分利用其技術。 為了充分利用基於雲的基礎設施的潛力，需要具有特定技術技能的開發者。 這可能會導致企業對開發者的過度依賴，在團隊不可用時就就有可能出現問題。

從開發者視角看，Vercel 在文檔完整性和系統維護方面存在不足。 對於需要高度可用性的專案，Vercel 可能並不理想，因為它缺少內置的故障恢復機制。 而且，大規模的更新可能會導致服務中斷。

Vercel 不提供持續的網站管理或優化服務，這意味著如果使用者不親自進行維護，可能會遇到服務中斷的問題。 儘管 Vercel 提供了創新的開發體驗，但它並沒有實現開發流程的完全自動化，開發者還需要手動處理一些代碼託管和部署任務。

雖然 Vercel 是一個功能強大的無伺服器雲平臺，但它並不能確保絕對的安全。 數據安全級別取決於使用者帳戶的密碼保護程度。 Vercel 確實提供了 SSL 加密等安全措施，但使用者必須設置強密碼並自行管理身份驗證系統，這意味著使用者需要承擔保護其敏感資訊的責任。

此外，因為 Vercel 使用的是 Amazon AWS，所以它具有行業一致的安全標準和先進的認證工具。 然而，Vercel 不提供私有伺服器網路，如果開發者的專案需要快速回應，就可能需要考慮不同地區之間的延遲問題。

05. V0：Vercel 推出的 AI 前端工具

v0 是 Vercel 推出的由 AI 提供支援的生成式 UI 系統，將前端開發的最佳實踐與生成式 AI 的潛力相結合。 其目標是幫助開發人員低成本構建其產品的第一個版本。

它的工作原理如下：

• 使用者用自然語言描述想要構建的介面
• v0 使用 React、Tailwind CSS 和 Shadcn UI 等開源工具生成代碼
• 選擇一個反覆運算並在 v0 中繼續編輯
• 修改完畢將該代碼複製並粘貼到應用程式中

v0 推出后，在三周內就獲得了超過100,000名使用者申請使用。 目前 v0 正處於 Beta 測試版本，有更多使用者可以通過申請獲得訪問許可權，併為那些想要解鎖完整功能的使用者推出了付費訂閱計劃。

參考資料：