發表 Build Output API - Vercel

閱讀時間約 3 分鐘
我們相信 Web 是一個開放給所有人的平台, 因此我們努力讓 Vercel 能夠以不管選擇用甚麼建置都可以存取與使用.
今天我們引入了 Build Output API, 一個檔案系統為基底的規格, 允許任何框架都可以讓 Vercel 建置, 並且取用了 Vercel 的優勢, 也就是 Vercel 的 infrastructure building blocks, 像是 Edge Functions, Edge Middleware, Incremental Static Regeneration(ISR), Image Optimization 等等.
這個全新的規格也帶給 Vercel CLI 強大的能力, 包括:
  • vercel build : 本地建置一個專案或是在你自己的 CI 環境
  • vercel deploy --prebuilt : 部署建置後的輸出直接給 Vercel, 透過 Vercel 的建置系統傳遞
更新 Vercel CLI 到最新版( npm i -g vercel )來試試看, 然後看看文件.

加強了 Vercel CLI 的能力

我們將全新的指令加入 Vercel CLI, 幫助開發者在本地建置時執行與除錯, 以及部署到 Vercel.

將建置與部署分開

當你為 Web 以前端框架建置時, 基礎架構平台, 像是 Vercel, 需要轉譯框架輸出成一種平台看得懂的格式.
使用 vercel build , 我們整合了絕大部分的建置系統進到我們的開源 CLI, 讓你在本地建置整個專案, 複製 Vercel 建置系統的結果.

將原生功能都建置進你自己的框架

很多框架, 像是 Next.js, 已經能夠透過在框架程式碼的簡單配置選擇, 利用 Vercel 的平台功能, 像是 ISR 和 Edge rendering.
藉由開啟這些能力給所有框架, 透過 Build Output API, 我們給予所有框架作者, 有能力且輕鬆地整合這些原始的基礎架構, 包括:
  • Edge Functions
  • Serverless Functions
  • Server-side Rendering(SSR)
  • Static Generation
  • Image Optimization
  • ...等等
透過讓 .vercel/output 資料夾符合 Build Output API 規格, 就能支援這些全部的功能. 而且當你準備好部署, 如果需要, 你可以使用 vercel deploy --prebuilt 跳過建置步驟, 直接上傳 .vercel/output 資料夾.
我們相信這個步驟很重要, 當開發者有靈感時, 讓他們有能力去創造, 而且不會被基礎架構限制.

支援所有前端框架

我們參與了框架作者們, 幫助他們的專案運用 Build Output API. 做一些驚人的新能力:
  • SvelteKit 現在可以用 Vercel Edge Functions 在邊緣執行
  • Astro 現在可以用 Vercel Edge Functions 在邊緣執行
  • Nuxt 正在處理 ISR 支援
我們對於這些開源創作者感到非常興奮. 為了要繼續在前端框架投資, Vercel 現在贊助了 Svelte, Nuxt, Astro, SilidJS 等等.
0會員
5Content count
留言0
查看全部
發表第一個留言支持創作者!
Chaol Liu的沙龍 的其他內容
`npm query` 是從 npm v8.16.0 開始最新的指令, 他接收一個 Dependency Selector(如同在 Dependency Selector Syntax Specification 所定義的) 然後回傳一個從你的專案的 dependencies 篩選過後的 JSON
`npm query` 是從 npm v8.16.0 開始最新的指令, 他接收一個 Dependency Selector(如同在 Dependency Selector Syntax Specification 所定義的) 然後回傳一個從你的專案的 dependencies 篩選過後的 JSON
你可能也想看
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
今天 Google 發表了最新的 AI 模型 Gemini 1.5,不只提高模型訓練和服務效率,而且擁有更強大的理解力,每次能處理的 token 長度更是一口氣突破 100 萬大關,是競爭對手 GPT-4 的 7.8 倍 (GPT-4 目前只提供最長 32K 長度),可以處理更大量的資訊,也擁有更大
Thumbnail
批判思考與理論形塑的目的是為大眾、研究者或不同觀點的他人提供思考路徑。 文學理論通常和哲學思考脣齒相依,因為文學承載了當時的社會思想、心理與價值觀等等。文本是鏡子,反映了世界、作者與讀者。
Thumbnail
錦屏國小親師生在竹東原住民教育產業推廣中心中心舉辦112 年拉洛山下玩很大◇◆follow 米闖關派對趣。活動內容豐富,以小米文化教學成果為主,搭配多語文與健康促進等活動設立關卡,有知識、有遊戲、有影片,每個關卡都活潑有趣。今年最特別的是邀請家長參與闖關活動,了解學生的學習內容,一起參與學習活動。完
Thumbnail
ChatGPT背後的公司組織OpenAI發表他們最新的上線的ChatGPT功能 我在國外一個滿有名的科技評論部落格Stratechery看到他們整理了在發表會聽到新發布的ChatGPT功能 邊讀我就忍不住研究了一下他們怎麼「用英文描述產品新功能」 結果我不小心歸納出一些共通的表達規則,覺得很有趣~
身為方格新住民,隨手發布教育人生的洞察,實屬痛快。然而,不出數日,看到格友被網路霸凌追打的經驗,真是太嚇人了,簡直想直接關門大吉,打道回府。 英國詩人John Donne的名句:「沒有人是一座孤島。」大致上是從結構層面去思考人與社會的關係。 而對此我一直深深質疑,我認為比較貼切的是:「沒有人不是
Thumbnail
Focusrite發表了兩款全新的錄音介面Vocaster One和Vocaster Two,一改以往通用各種樂器的設計,這次專為Podcast、直播等口語錄音的需求而生。 Vocaster系列款式內建了三種專門設計給口語錄音的功能:Auto Gain、Enhance和Mute。 撰文:髮哥
Thumbnail
Kakao’s Klaytn to build blockchain in China with BSN BSN是一个中国国家支持的项目,分为两个实体:BSN China和BSN International #blockchain #區塊鏈 #metaverse
Thumbnail
Jackson今年發表了新的Concept系列,強調不需要付custom shop等級的價格也能有同樣等級的規格。全系列目前共有四款,外觀都有別以往,在華麗之中依舊保有Jackson帥氣凶猛的個性。
Thumbnail
Strandberg近期發表了兩款全新的簽名款吉他:Boden NX 8 Richard Hanshell Edition和Boden NX 6 Alex Machacek Edition。
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
今天 Google 發表了最新的 AI 模型 Gemini 1.5,不只提高模型訓練和服務效率,而且擁有更強大的理解力,每次能處理的 token 長度更是一口氣突破 100 萬大關,是競爭對手 GPT-4 的 7.8 倍 (GPT-4 目前只提供最長 32K 長度),可以處理更大量的資訊,也擁有更大
Thumbnail
批判思考與理論形塑的目的是為大眾、研究者或不同觀點的他人提供思考路徑。 文學理論通常和哲學思考脣齒相依,因為文學承載了當時的社會思想、心理與價值觀等等。文本是鏡子,反映了世界、作者與讀者。
Thumbnail
錦屏國小親師生在竹東原住民教育產業推廣中心中心舉辦112 年拉洛山下玩很大◇◆follow 米闖關派對趣。活動內容豐富,以小米文化教學成果為主,搭配多語文與健康促進等活動設立關卡,有知識、有遊戲、有影片,每個關卡都活潑有趣。今年最特別的是邀請家長參與闖關活動,了解學生的學習內容,一起參與學習活動。完
Thumbnail
ChatGPT背後的公司組織OpenAI發表他們最新的上線的ChatGPT功能 我在國外一個滿有名的科技評論部落格Stratechery看到他們整理了在發表會聽到新發布的ChatGPT功能 邊讀我就忍不住研究了一下他們怎麼「用英文描述產品新功能」 結果我不小心歸納出一些共通的表達規則,覺得很有趣~
身為方格新住民,隨手發布教育人生的洞察,實屬痛快。然而,不出數日,看到格友被網路霸凌追打的經驗,真是太嚇人了,簡直想直接關門大吉,打道回府。 英國詩人John Donne的名句:「沒有人是一座孤島。」大致上是從結構層面去思考人與社會的關係。 而對此我一直深深質疑,我認為比較貼切的是:「沒有人不是
Thumbnail
Focusrite發表了兩款全新的錄音介面Vocaster One和Vocaster Two,一改以往通用各種樂器的設計,這次專為Podcast、直播等口語錄音的需求而生。 Vocaster系列款式內建了三種專門設計給口語錄音的功能:Auto Gain、Enhance和Mute。 撰文:髮哥
Thumbnail
Kakao’s Klaytn to build blockchain in China with BSN BSN是一个中国国家支持的项目,分为两个实体:BSN China和BSN International #blockchain #區塊鏈 #metaverse
Thumbnail
Jackson今年發表了新的Concept系列,強調不需要付custom shop等級的價格也能有同樣等級的規格。全系列目前共有四款,外觀都有別以往,在華麗之中依舊保有Jackson帥氣凶猛的個性。
Thumbnail
Strandberg近期發表了兩款全新的簽名款吉他:Boden NX 8 Richard Hanshell Edition和Boden NX 6 Alex Machacek Edition。