墨西哥支付方式：是什么?
StackOverflow 2023 編程語言統(tǒng)計(jì)
2. 實(shí)現(xiàn)門檻低，適合模板化：
前端工程師的準(zhǔn)入門檻比較低，而且其對(duì)視覺交互、 SEO 都有直接影響，會(huì)和用戶留存這樣的業(yè)務(wù)數(shù)據(jù)緊密掛鉤。同時(shí)，與視覺元素的強(qiáng)相關(guān)使人類可以更快速給出 human feedback，就像 MidJourney 收集用戶反饋比 ChatGPT 要容易很多。因此和設(shè)計(jì)場(chǎng)景的 Canva 類似，web 開發(fā)有很多可以復(fù)用的代碼框架和網(wǎng)站搭建的模板可用。
相比之下后端開發(fā)的難度更大：簡(jiǎn)單的后端開發(fā)與運(yùn)維系統(tǒng)已經(jīng)有云廠商產(chǎn)品化和 commoditize 了，而復(fù)雜高階的后端開發(fā)則涉及每家公司的核心業(yè)務(wù)邏輯， 自建是更普遍的選擇。
3. Gen AI 時(shí)代會(huì)帶來 web application 的文藝復(fù)興：
互聯(lián)網(wǎng)有著更深的知識(shí)密度，更開放的分享調(diào)用生態(tài)，web 的地位在歐美市場(chǎng)尤其高。這也是為什么如今 AI 瀏覽器、AI 搜索重新成為一個(gè)創(chuàng)業(yè)的熱點(diǎn)，web 生態(tài)為?AI agent?提供了學(xué)習(xí)知識(shí)并進(jìn)行 grounding 的環(huán)境。
當(dāng)前 ChatGPT 這樣 Chatbot 形式還比較基礎(chǔ)，未來的 AI agent 會(huì)需要響應(yīng)快的動(dòng)態(tài) UI 來給用戶實(shí)時(shí)展現(xiàn) agent 行為的關(guān)鍵過程，未來前端技術(shù)棧和 AI 前沿產(chǎn)品形態(tài)將一起持續(xù)演進(jìn)。
前端開發(fā)的歷史始于 1990 年代早期，當(dāng)時(shí)的網(wǎng)頁主要由 HTML 構(gòu)成。這些網(wǎng)頁是靜態(tài)的，用戶交互性極低，HTML 為網(wǎng)頁提供了骨架。
但只有一個(gè)骨架是不夠的，CSS 和 JavaScript 的引入使得網(wǎng)頁變得更加動(dòng)態(tài)和富有交互性：
? CSS 允許開發(fā)者將網(wǎng)頁表現(xiàn)層（如字體、顏色、布局等）與網(wǎng)頁內(nèi)容層（HTML 語言負(fù)責(zé)）分離。
? JavaScript 則比 HTML 和 CSS 出現(xiàn)得更晚一些，它為網(wǎng)頁添加了交互性，使其能夠響應(yīng)用戶操作。
同時(shí)，隨著 web 應(yīng)用的復(fù)雜度增加，開始有了前端和后端的清晰分工：前端開發(fā)則專注于用戶界面和用戶體驗(yàn)，負(fù)責(zé)將后端返回的數(shù)據(jù)以視覺友好的方式展示給用戶；后端開發(fā)主要關(guān)注服務(wù)器、數(shù)據(jù)庫和應(yīng)用程序邏輯，負(fù)責(zé)處理來自前端的請(qǐng)求，并返回所需的數(shù)據(jù)。這樣的分工下前端開發(fā)者可以更專注地投入到用戶界面和交互體驗(yàn)的優(yōu)化中，不必同時(shí)擔(dān)心服務(wù)器的性能和負(fù)載。
隨著 JavaScript 成為 web 開發(fā)中最關(guān)鍵的編程語言，web application 的復(fù)雜度還在提高，僅使用原生 JavaScript 來管理大型項(xiàng)目的用戶界面會(huì)變得非常困難。這就是為什么需要像 React、Vue 這樣的庫（library）。它們就像是搭積木的模具，有了這些模具，開發(fā)者可以更快速、更標(biāo)準(zhǔn)化地搭建出高性能的應(yīng)用程序。
Javascript 已經(jīng)成為 98% web application 使用的語言
其中 React 是由 Facebook 團(tuán)隊(duì)開發(fā)的開源 JavaScript library，用于構(gòu)建用戶界面，特別是單頁應(yīng)用程序。它的出現(xiàn)極大地改變了前端開發(fā)的方式，使得開發(fā)復(fù)雜的動(dòng)態(tài)網(wǎng)頁應(yīng)用變得更加簡(jiǎn)單和高效。它很好地提高了 Javascript 代碼的可維護(hù)性和重用性，成為 Javascript 語言使用最多的框架。
React 成為最火的 Javascript 庫
而 React 也不能滿足所有現(xiàn)在網(wǎng)頁開發(fā)需求，在其之上有進(jìn)一步優(yōu)化的框架。其中 Next.js 是最近幾年增長最快的框架。它的開發(fā)者就是 Vercel CEO Guillermo Rauch，一個(gè)傳奇的開源開發(fā)者。Next.js 在 React 框架中的下載量遠(yuǎn)超其他框架，并且仍在穩(wěn)步增長：
圖中的 Gatsby 和 Remix 均為 Next 的直接競(jìng)爭(zhēng)對(duì)手。Gatsby 是 Vercel 競(jìng)對(duì) Netlify 收購的框架，從數(shù)據(jù)看這次收購并不成功
Next.js 的流行背后是其技術(shù)選型更適合現(xiàn)代 web 開發(fā)需求：
1. 支持服務(wù)端渲染(SSR)和靜態(tài)站點(diǎn)生成(SSG)，實(shí)現(xiàn)更快的內(nèi)容加載和更好的 SEO；
2. 內(nèi)置功能豐富，如自動(dòng)代碼拆分、強(qiáng)大的路由功能和圖像優(yōu)化，簡(jiǎn)化了復(fù)雜應(yīng)用的開發(fā)；
3. 優(yōu)先考慮開發(fā)者體驗(yàn)，提供直觀高效的開發(fā)流程，如 TypeScript 支持和代碼熱重載；
總結(jié)一下，JavaScript、React 和 Next.js 之間的關(guān)系可以概括為：JavaScript 是構(gòu)建 Web 應(yīng)用的基礎(chǔ)；React 在此基礎(chǔ)上提供了一種高效的方式來構(gòu)建用戶界面；而 Next.js 則在 React 的基礎(chǔ)上增加了服務(wù)器渲染、路由處理等功能，使得構(gòu)建現(xiàn)代 Web 應(yīng)用變得更加高效和強(qiáng)大。
自 ChatGPT 問世開始，大家對(duì)下一代人機(jī)交互的形式有很多想象，尤其是 Language UI 和 Graphic UI 結(jié)合成為了焦點(diǎn)話題。實(shí)現(xiàn)交互創(chuàng)新的前置條件是什么呢？
在之前的 Agent 綜述文章中，我們提到過隨著 coding AI 的發(fā)展，軟件開發(fā)將進(jìn)入一個(gè)新的自適應(yīng)生產(chǎn)階段（adaptive software）。就像 3D 打印技術(shù)一樣，軟件將根據(jù)用戶的具體需求自動(dòng)生成相應(yīng)的UI組件。
而打造 Next.js 的 Vercel 團(tuán)隊(duì)打造了 V0：第一個(gè)能生成 production-ready 水平前端代碼的生成模型。
Vercel V0 是一個(gè)代碼生成模型，能讓用戶生成網(wǎng)頁 demo 和代碼，代碼能直接夠部署成為一個(gè)基礎(chǔ)版網(wǎng)頁，也在其產(chǎn)品 demo 上進(jìn)行進(jìn)一步修改。每次生成之后，v0 類似 MidJourney 會(huì)給 3 個(gè)版本 AI 生成的 UI，可以選擇一個(gè)進(jìn)行深入編輯，甚至粘貼到自己原本的項(xiàng)目中進(jìn)一步開發(fā)。
例如我可以先要求 V0 生成一個(gè) Saas dashboard 布局作為底稿（V0 名字的來源，version 0），再在其基礎(chǔ)上進(jìn)行交互。demo 中的每一個(gè)組件都是可以單獨(dú)點(diǎn)擊并進(jìn)行修改的，例如，下圖中可以讓 V0 將 logo 改成藍(lán)色，模型就會(huì)直接進(jìn)行對(duì)應(yīng)組件。
V0 的使用體驗(yàn)充分展現(xiàn)了前端代碼模型的可編碼性，這帶來了網(wǎng)頁生成遠(yuǎn)大于圖片生成的可控性。其中的每一個(gè)組件都對(duì)應(yīng)著具體的幾行代碼，如果我們要求對(duì)某個(gè)組件進(jìn)行修改的話，這幾行代碼就可以重新生成，并用其他代碼作為上下文，保證新生成代碼有著很高的可用性，能直接融入原本的代碼。
這些能力已經(jīng)對(duì)所有開發(fā)者開放，且已經(jīng)被不少新團(tuán)隊(duì)用于自己的產(chǎn)品開發(fā)中：Ingo 使用 v0 構(gòu)建了他們的簡(jiǎn)歷生成器產(chǎn)品的第一個(gè)版本。Braintrust ，一個(gè)新的 AI 平臺(tái)，使用 v0 構(gòu)建了其定價(jià)頁面。以下 gallery 中都是用戶使用 prompt 對(duì)應(yīng)生成的網(wǎng)頁和前端組件：
對(duì)比現(xiàn)在的大多 coding model 不是在做 Github Copilot 那樣的代碼自動(dòng)補(bǔ)全，就是仍在不可用的 demo 階段。Vercel V0 在可用性上比其他模型強(qiáng)很多，其團(tuán)隊(duì)對(duì)前端代碼的深刻理解是其中的重要原因：
? V0 模型的訓(xùn)練數(shù)據(jù)有三部分：團(tuán)隊(duì)自己積累寫的 code、開源前端代碼和 AI 合成數(shù)據(jù)。每次生成之后，v0 類似 MidJourney 會(huì)給3個(gè)版本 AI 生成的 UI，可以形成優(yōu)秀的 RLHF 反饋閉環(huán)。
? Vercel 作為用戶做網(wǎng)頁開發(fā)的 go-to 選項(xiàng)，有足夠多的用戶web開發(fā)數(shù)據(jù)積累，有高質(zhì)量模板和代碼庫。而且團(tuán)隊(duì)自己本身是設(shè)計(jì) Next.js framework出身，有 know-how 定義什么是從語言設(shè)計(jì)出發(fā)的高質(zhì)量代碼。
v0 的野心是下一代用戶界面的起點(diǎn)。Vercel 團(tuán)隊(duì)藍(lán)圖中的下一步有：支持自定義設(shè)計(jì)、多模態(tài)識(shí)別將圖像轉(zhuǎn)化為代碼，以及更強(qiáng)的代碼安全和訪問控制。這些路線圖很清晰，會(huì)有效地提升開發(fā)者體驗(yàn)。
AI SDK 是 Vercel 為前端開發(fā)者設(shè)計(jì)的 Model Router。它提供了一個(gè)抽象層，讓開發(fā)者可以用自己熟悉的前端語言來處理數(shù)據(jù)，而不需要關(guān)心各類 LLM api 實(shí)現(xiàn)細(xì)節(jié)。
他們 SDK 第一批合作者接入了 Perplexity、11 Labs、Pinecone、Together 等公司。如果開發(fā)者要在 next.js 框架中使用 Perplexity API ，只需要一小段代碼就可以融入前端中，輸入一些基礎(chǔ)的參數(shù)就可以產(chǎn)生出高質(zhì)量的 streaming response 交互。這樣的開發(fā)方式對(duì)于前端程序員而言更 intuitive：
而 AI SDK 3.0 是其最近的一版更新，接入了 Vercel V0 使用戶可以輕松地做出帶有 Generative UI 的產(chǎn)品。 Vercel 在這里給出了一個(gè)股票咨詢助手的案例，我們以這個(gè) demo 為例：那么當(dāng)我們要求它給出蘋果最近的股價(jià)并進(jìn)行購買時(shí)，它就能直接給出對(duì)應(yīng)的 UI，給我們展示蘋果股價(jià)，并生成實(shí)時(shí)購買功能。這是一種優(yōu)雅的方式實(shí)現(xiàn) Language UI + Graphic UI 的結(jié)合。
目前這個(gè)產(chǎn)品還在 demo 階段，而且 demo 本身展現(xiàn)的能力過于高頻，因?yàn)楣善苯灰资且粋€(gè)非常常見可復(fù)用的操作。但隨著這一能力后續(xù)可用之后，可以滿足很多用戶使用 app 時(shí)的長尾需求，能夠在一個(gè)應(yīng)用中生成出新定義的小程序來滿足一些 ad-hoc 需求。
這一技術(shù)有兩個(gè)關(guān)鍵要點(diǎn)：
? API 設(shè)計(jì)時(shí)要以發(fā)揮 LLM 強(qiáng)大的 function calling 能力為出發(fā)點(diǎn)，讓用戶盡可能感受到 LLM 的全面性和智能度。
? 發(fā)揮 React Server Components 對(duì)每個(gè)模塊組件進(jìn)行渲染的能力，使用戶進(jìn)行顆粒度更細(xì)、性能更優(yōu)的交互。
為達(dá)到這些目標(biāo) AI SDK 中引入了兩個(gè)獨(dú)立的狀態(tài)：AI State 和 UI State：
AI State 是一個(gè) JSON 格式的文字，包含了大型語言模型（LLM）需要讀取的所有上下文。對(duì)于聊天應(yīng)用來說，AI State 通常存儲(chǔ)用戶和助手之間的文本會(huì)話歷史。還可以用來存儲(chǔ)每條消息的創(chuàng)建時(shí)間等其他 metadata。AI State 可以在服務(wù)器和客戶端上被訪問和修改。
UI State 是應(yīng)用程序用來展示 UI 的狀態(tài)，它完全在客戶端（類似于 React的 useState）。它可以保留 LLM 返回的數(shù)據(jù)和 UI 元素。這個(gè)狀態(tài)可以是任何內(nèi)容，但不能在服務(wù)器上訪問。
從技術(shù)文檔來看，AI SDK 的設(shè)計(jì)有效兼顧了應(yīng)用開發(fā)者的性能需求和用戶的數(shù)據(jù)安全需求。期待這一能力為開發(fā)者使用之后涌現(xiàn)出更多的 use case，來驗(yàn)證這一開發(fā)者接口的 PMF。
上一部分介紹了 Vercel 團(tuán)隊(duì)最新在 Gen AI 前沿的實(shí)踐，那么他們?cè)?Next.js 之后，Generative UI 之前所做的產(chǎn)品究竟是什么呢？
Vercel 把自己的主產(chǎn)品定義為 frontend cloud，是一個(gè)易用、且 scalable 的 web application 部署平臺(tái)。其高性能建立在幾個(gè)重要的技術(shù)趨勢(shì)之上：JAMstack、邊緣計(jì)算和 serverless 設(shè)計(jì)。尤其 Serverless 設(shè)計(jì)允許開發(fā)者在無需管理底層服務(wù)器的情況下運(yùn)行和構(gòu)建 Web 應(yīng)用，幫助用戶能夠省去很多冗雜的 Infra 部署工作。
Vercel 產(chǎn)品根據(jù)前端工作流可以拆解為 4 個(gè)關(guān)鍵部分：(1) develop，(2) preview，(3) ship，(4) analytics。
??Develop:?Vercel 為開發(fā)者提供了一個(gè)快速將 web application 實(shí)現(xiàn)的 workflow。讓開發(fā)者可以從 Github 等源頭導(dǎo)入前端項(xiàng)目模板，并集成 MongoDB 等外部數(shù)據(jù)源。在代碼開發(fā)完成后，Vercel 還提供了從緩存到 serverless functions 的端到端測(cè)試。
??Preview:?這一部分產(chǎn)品可以類比為前端開發(fā)的 Figma。設(shè)計(jì)、開發(fā)和運(yùn)維團(tuán)隊(duì)可以擺脫復(fù)雜的測(cè)試管線，在每次部署之前協(xié)作測(cè)試他們對(duì)網(wǎng)站的更改。Vercel 會(huì)自動(dòng)生成一個(gè)可分享的實(shí)時(shí)預(yù)覽站點(diǎn)，允許在網(wǎng)頁 demo 在上線前進(jìn)行測(cè)試，團(tuán)隊(duì)間互相 comment 給反饋。
? Ship: Vercel 基于對(duì) Next.js 的原生支持， serverless 和 edge computing 的能力為開發(fā)者提供快捷的部署、穩(wěn)定的性能，和對(duì) SEO 的支持。同時(shí)他們?cè)试S在全球范圍內(nèi)部署網(wǎng)站，并在300毫秒內(nèi)進(jìn)行修改更新。這項(xiàng)功能直接和開發(fā)者/付費(fèi)的 value prop 相關(guān)，后續(xù)會(huì)在 business model 處介紹。
??Analytics:?2022年10月，Vercel 宣布 收購了 Splitbee，這是一個(gè)分析和運(yùn)營工具，可以了解用戶的網(wǎng)站體驗(yàn)。該產(chǎn)品和團(tuán)隊(duì)被納入 Vercel 現(xiàn)有的分析產(chǎn)品。由于 Vercel 負(fù)責(zé)管理網(wǎng)站，因此他們旗下的分析平臺(tái)不需要第三方腳本或 cookie 跟蹤。
以上這些產(chǎn)品讓 Vercel 成為市場(chǎng)上開發(fā)者體驗(yàn)最好的 web 部署平臺(tái)。不過前面提到過，web 市場(chǎng)集中度不高，所以 Vercel 在存量客戶中并沒有因?yàn)閮?yōu)秀的開發(fā)者體驗(yàn)，而成為大幅領(lǐng)先的第一名，而是小幅領(lǐng)先 Netlify、云廠商等公司。
因此抓住增量機(jī)會(huì)就至關(guān)重要。在 ChatGPT 發(fā)布一個(gè)月之后，Vercel 就開始成為 AI-native 應(yīng)用開發(fā)的布道者，通過博客和模板的形式引導(dǎo)大家最快地使用 Vercel 來快速迭代開發(fā) AI 應(yīng)用。
而在今年初，Vercel 產(chǎn)品定位進(jìn)一步清晰：最好的 AI 產(chǎn)品部署平臺(tái)。由于他們出色的產(chǎn)品開發(fā)體驗(yàn)，已經(jīng)有很多公司使用 Next.js + Vercel 開發(fā)了自己的主力 AI 應(yīng)用：
? Scale AI 強(qiáng)調(diào)通過使用 Vercel 和 Next.js 讓他們?cè)趫F(tuán)隊(duì)中只有三個(gè)設(shè)計(jì)師的情況下很快地迭代和部署了自己的 Generative data engine；
? Anthropic 工程師用 Vercel + Next.js 開發(fā)了 Claude AI 的 web 產(chǎn)品，團(tuán)隊(duì)中有人是第一次開發(fā) Next.js 代碼，表示其易上手且開發(fā)體驗(yàn)很棒；
? Runway 稱贊 Vercel 讓團(tuán)隊(duì)加快整個(gè)產(chǎn)品開發(fā)周期。比如團(tuán)隊(duì)成員稱遷移到 Vercel 后，DNS 構(gòu)建從 Netlify + GitHub Pages 的 5-8 分鐘縮短到 Vercel 的 40 秒；
? Jasper 用 Next.js 框架 + Vercel 部署，尤其強(qiáng)調(diào)網(wǎng)頁中的 content management (posts, tweets, short stories 等)體驗(yàn)很好。
此外，Replicate、發(fā)布 Devin 的 Cognition 等一眾 AI-native 公司都使用 Vercel 開發(fā)部署了自己的主力產(chǎn)品。我們有理由相信隨著模型升級(jí)、應(yīng)用爆發(fā)，Vercel 能成為 web development 中重要的受益者。
Business Model
Vercel 主產(chǎn)品采用 freemium 的商業(yè)模式，他們有三個(gè)主要的定價(jià)梯度:
1. Hobby: 這個(gè)方案用于吸引客戶來試用平臺(tái)，其 offering 對(duì)搭建比較少小流量網(wǎng)站的個(gè)人開發(fā)者也夠用，有一定的公共品屬性；
2. Pro: prosumer 用戶每月20美元的訂閱服務(wù)，這是他們對(duì)中小開發(fā)者的核心付費(fèi)產(chǎn)品，按 seat 收費(fèi)；
3. Enterprise: 這是為大型企業(yè)提供的定制解決方案和定價(jià)，具體價(jià)格不公開，但他們?yōu)槠髽I(yè)提供更多網(wǎng)絡(luò)安全功能和更快的速度。根據(jù)客戶訪談，企業(yè)客戶平均一年的費(fèi)用在十萬美金級(jí)別，最大的可以到百萬美金量級(jí)。
V0 向用戶全量開放后成為了單獨(dú)定價(jià)的模型產(chǎn)品，其定價(jià)和主產(chǎn)品基本一致：
70% 的 Vercel 用戶是 Next.js 用戶。當(dāng)更多開發(fā)者使用 Next.js 時(shí)，Vercel 的增長也會(huì)加速。從 2020 年 4 月到 2023 年 5 月，由 Next.js 驅(qū)動(dòng)的網(wǎng)站數(shù)量已經(jīng)從 3.5 萬個(gè)增長到 400 萬個(gè)，包括 Walmart, Apple, Nike, Netflix, TikTok, Uber, Lyft, Starbucks 等公司的網(wǎng)站。
優(yōu)秀的 traction 讓 Vercel 的商業(yè)化收入一直在高速增長的狀態(tài)：2020 年成立的第一年，ARR 為 1mil USD；21 年達(dá)到 5 mil USD，22 年達(dá)到 25mil USD。在這一年他們以 100 倍 ARR，也就是 $2.5b 的估值進(jìn)行了一輪融資。而在 2023 年，他們還是以 100%+ YoY 的高速增長，創(chuàng)始人在一次 23 年 6 月的訪談中公開提到他們的 ARR 已經(jīng)達(dá)到 $ 50+ mil。
在整個(gè) web 市場(chǎng)中，33% 的流量集中在最頂尖公司產(chǎn)品上：Google、Meta、Amazon 等，33% 的流量集中在第 10 名-第 10000 名的腰部 web 產(chǎn)品，最后 33% 則是獨(dú)立開發(fā)者開發(fā)的網(wǎng)站。
其中前十名的公司有自己非常成熟的 tech stack，完全自研；最后這部分用戶很多對(duì)開發(fā)的了解甚少，可能會(huì)選擇 Shopify、Squarespace 這樣的網(wǎng)頁模板產(chǎn)品。而 Vercel 目前客戶的基本盤主要來自腰部的 web developer。
Vercel 主要的客戶目前可以分為幾類：
? 業(yè)余愛好者：免費(fèi)用戶，托管單一網(wǎng)站，未來可能會(huì)將其帶到公司使用。
? 小型初創(chuàng)公司及中型公司（認(rèn)為這是 customer base 的一大部分；這些公司可能擁有有限的開發(fā)團(tuán)隊(duì)，或只有市場(chǎng)營銷部門）。
? 電商團(tuán)隊(duì)這樣需要 SEO 帶來轉(zhuǎn)化，付費(fèi)意愿強(qiáng)的客戶在 Vercel 付費(fèi)客戶中占比比較大。
創(chuàng)業(yè)公司中 Netlify 是 Vercel 最直接的競(jìng)爭(zhēng)對(duì)手，這是一家 2014 年成立的公司。2021年，Vercel 通過 D 輪融資籌集了 1.5 億美元，估值達(dá)到 25 億美元；同時(shí)，Netlify 通過 D 輪融資籌集了 1.05 億美元，估值達(dá)到 20 億美元，a16z 是他們的主要投資人之一，據(jù)了解，公司最新的 ARR 已經(jīng)超過了 30 mil USD。
Netlify 提供的也是一個(gè) Jamstack 開發(fā)平臺(tái)，包括 Web 應(yīng)用程序和動(dòng)態(tài)網(wǎng)站的構(gòu)建、部署和無服務(wù)器后端服務(wù)。但他們的產(chǎn)品沒有 Vercel 那么 Next.js 友好，同時(shí)對(duì) Gatsby 的收購也并不成功（伴隨著 Gatsby 的 traction 逐漸下滑）。他們團(tuán)隊(duì)對(duì) Gen AI 這一波 catch up 的速度就要慢不少。
而大公司中，云廠商都有 Web Development 產(chǎn)品。AWS Amplify 是云廠商中口碑最好的，不過用戶的反映普遍是定價(jià)比較有優(yōu)勢(shì)，但開發(fā)者體驗(yàn)仍不如 Vercel。此外大家使用 ChatGPT、Perplexity 等產(chǎn)品時(shí)經(jīng)常遇到的 Cloudflare，也從其云安全產(chǎn)品延伸出了 Cloudflare 這個(gè)網(wǎng)頁開發(fā)工具，和云廠商類似的是用戶選擇的原因是與原本選用方案的耦合度比較深，不需要上手新平臺(tái)。?
介紹到這里，Vercel 團(tuán)隊(duì)展現(xiàn)出了幾個(gè)重要的特點(diǎn)：
? 開發(fā) Next.js 時(shí)對(duì)前端技術(shù)的前瞻性，引領(lǐng)最前沿趨勢(shì)；
? 對(duì) Gen AI 前沿趨勢(shì)敏銳且活躍，用新產(chǎn)品線抓住增量用戶；
? 產(chǎn)品中對(duì)開發(fā)者體驗(yàn)的極致優(yōu)化，帶來優(yōu)秀的用戶反饋；
? 從開源到商業(yè)化的高速增長。
這背后離不開 Vercel CEO Guillermo Rauch 對(duì)產(chǎn)品 PMF 的持續(xù)追求、優(yōu)秀的技術(shù)品味和極強(qiáng)的執(zhí)行力。
Guillermo Rauch 在阿根廷布宜諾斯艾利斯比較落后的郊區(qū)出生長大。父親對(duì)計(jì)算機(jī)的興趣讓 Guillermo 在 7 歲獲得了自己的第一臺(tái)電腦，從小種下了對(duì)編程、對(duì)開源熱愛的種子。第一個(gè)任務(wù)便是父親讓他將 Windows 的系統(tǒng)替換成 Linux，之后便一發(fā)不可收拾地在開源社區(qū)自學(xué)編程和英語，十一二歲在開源社區(qū)成為 celebrity。后來有陌生人在網(wǎng)上對(duì) Guillermo 說你可以用這方面的 expertise 建立事業(yè)，F(xiàn)acebook 也拋出橄欖枝想要招聘他，讓他意識(shí)到自己的 passion 和事業(yè)成就是完全能夠自洽的，更是從高中輟學(xué)到美國工作、創(chuàng)業(yè)。
這種特殊的成長經(jīng)歷讓他天然更在意商業(yè)化和業(yè)務(wù)規(guī)模。相比很多技術(shù)小天才類型的 founder 喜歡做開源“玩具”，Guillermo 是希望讓產(chǎn)品有更高的商業(yè)認(rèn)可度的。
他創(chuàng)辦的第一家公司 CloudUp 是一個(gè)云端文件存儲(chǔ)與分享平臺(tái)，CloudUp 其實(shí)就已經(jīng)有了一部分 Vercel 的雛形，這款產(chǎn)品在當(dāng)時(shí)的 killing feature 是拖放文件夾即可迅速創(chuàng)建超鏈接，便于在線分享文件和協(xié)作，若文件為 HTML 格式，還能獲得高性能的靜態(tài)網(wǎng)站托管。這滿足了 WordPress 在實(shí)時(shí)協(xié)作的需求，于是Guillermo 將 CloudUp 賣給 WordPress 實(shí)現(xiàn)了第一次成功退出、并加入了 WordPress，Guillermo 在 WordPress 的兩年間學(xué)到很多關(guān)于如何平衡開源項(xiàng)目和大規(guī)模商業(yè)運(yùn)作的經(jīng)驗(yàn)。
Guillermo 來到灣區(qū)的時(shí)間讓他恰好成為 AWS 的第一批用戶，他由此認(rèn)識(shí)到了云服務(wù)價(jià)值，于此同時(shí)也認(rèn)為其易用性很糟糕。加上 React 越來越流行，但同樣難以快速上手，且開發(fā)者需要自己管理和維護(hù)服務(wù)器，他作為一個(gè)經(jīng)驗(yàn)豐富的開發(fā)者在開發(fā)網(wǎng)站時(shí)也深受困擾。在市場(chǎng)需求端，Guillermo 也由此想到那些正在經(jīng)歷數(shù)字化轉(zhuǎn)型的傳統(tǒng)零售在從線下實(shí)體轉(zhuǎn)型中如果要和 Amazon、 “.com” 的競(jìng)爭(zhēng)必然面臨更大的挑戰(zhàn)。Next.js 和 ZEIT 由此應(yīng)運(yùn)而生，在 2020 年 A 輪融資時(shí)，公司更名為 Vercel 。
Vercel 和 Next.js 成功的背后是設(shè)計(jì)原則和工程實(shí)踐的精細(xì)打磨。在正式創(chuàng)立 Vercel 之前，Guillermo 列出了 Web 應(yīng)用開發(fā)的七項(xiàng)原則，底層的 philosophy 是必須 at big scale, at global scale，并且這七項(xiàng)原則的背后是 Guillermo 反向工程 Google、Amazon 等全球最大的網(wǎng)站的結(jié)果，這就為 Next.js 設(shè)定了一個(gè)很高的標(biāo)準(zhǔn)。而在發(fā)布 Next.js 之后，最重要的權(quán)衡就是如何兼具開發(fā)者體驗(yàn)與企業(yè)級(jí)應(yīng)用的性能和可靠性。作為 dev tool，Next.js 必須提供出色的開發(fā)者體驗(yàn)；而作為支撐企業(yè)級(jí)應(yīng)用的基礎(chǔ)設(shè)施，它又必須兼顧業(yè)務(wù)上的高 ROI 和終端用戶體驗(yàn)。這在當(dāng)時(shí)被許多人認(rèn)為是不可調(diào)和的 tradeoff。而 Guillermo 堅(jiān)持在這個(gè) spectrum 中兩頭都要抓，為其產(chǎn)品后來獲得企業(yè)和開發(fā)者認(rèn)同奠定基礎(chǔ)。
在從 Next.js 開源框架專做商業(yè)化產(chǎn)品之后，Vercel 的高速增長獲得了投資人的追捧，兩年間融資 3 億美金左右：
這一波 Gen AI 的趨勢(shì)中，Guillermo 又對(duì) Software 2.0 做了許多預(yù)言。他認(rèn)為，隨著 AI 技術(shù)從 paper-first 漸漸變?yōu)?product-first，軟件開發(fā)也將從 backend-first 轉(zhuǎn)為 frontend-first。我們非常認(rèn)同這個(gè)判斷，且期待看到這波機(jī)會(huì)中 Vercel 在這個(gè)千億美金的市場(chǎng)中將領(lǐng)先的開發(fā)者 mindshare 轉(zhuǎn)化為持續(xù)的產(chǎn)品和商業(yè)化增長。
文章轉(zhuǎn)自微信公眾號(hào)@海外獨(dú)角獸
對(duì)比大模型API的內(nèi)容創(chuàng)意新穎性、情感共鳴力、商業(yè)轉(zhuǎn)化潛力
一鍵對(duì)比試用API 限時(shí)免費(fèi)
