How Vercel enables Wunderman Thompson to launch global brands
Vercel Changelog1232d agoBusiness全球知名行銷集團 Wunderman Thompson 採用 Vercel 作為其前端部署平台。透過 Vercel 的邊緣網路與 Next.js 框架，該團隊克服了傳統 CMS 的效能瓶頸，實現極速的網頁載入時間。同時，Vercel 的預覽部署（Preview Deployments）功能大幅提升了跨國團隊與客戶之間的協作效率，加速全球品牌行銷活動的落地。
Vercel + Sitecore: Partnering on a composable future
Vercel Changelog1237d agoBusinessVercel 宣布與數位體驗平台（DXP）龍頭 Sitecore 建立戰略合作夥伴關係。雙方將結合 Sitecore 的 Headless CMS（如 XM Cloud）與 Vercel 的前端平台，協助企業級客戶更輕鬆地採用可組合式（Composable）架構。開發者將能利用 Next.js 與 Vercel 的邊緣網路，打造極速且個人化的數位體驗。
The Turbopack vision
Vercel Changelog1238d agoOpinionVercel 詳細介紹了下一代打包工具 Turbopack 的核心願景。由 Webpack 創始人 Tobias Koppers 領軍，Turbopack 採用 Rust 編寫，核心基於「Turbo 引擎」的增量運算架構。它不僅追求極致的開發與編譯速度，更致力於打破 Webpack 的架構限制，未來將逐步支援 Next.js 以外的各大前端框架，成為通用的新一代 Web 打包標準。
Building a fast, animated image gallery with Next.js
Vercel Changelog1240d agoTutorialVercel 官方分享了如何結合 Next.js 與現代前端技術構建高效能圖片庫。文章重點在於利用 next/image 進行自動圖片優化（如 WebP 格式與 Blur 佔位符），並搭配 Framer Motion 實現流暢的佈局動畫。這套方案不僅能提升 Core Web Vitals 評分，還能提供媲美原生應用的使用者體驗。
How to optimize your Next.js site: Tips from industry leaders
Vercel Changelog1259d agoTutorial本文整理自 Vercel 官方部落格，分享如何透過 Next.js 的內建功能優化網站效能。重點包括使用 next/image 與 next/font 減少版面移動（CLS）、利用 next/script 優化第三方套件載入，以及如何根據情境選擇 SSR、SSG 或 ISR 渲染策略，並搭配動態導入（Dynamic Imports）來縮減 JavaScript 包大小，全面提升 Core Web Vitals 指標。
Enhanced Preview experience
Vercel Changelog1260d agoReleaseVercel 宣布推出「增強版預覽體驗」，將預覽部署轉化為即時協作空間。團隊成員可以直接在預覽網頁上進行標註、留下評論、擷取螢幕畫面，並自動同步至 GitHub、Jira 或 Slack 等工具，免去繁瑣的截圖與跨平台溝通流程，大幅縮短開發回饋循環。
Using SvelteKit 1.0 on Vercel
Vercel Changelog1266d agoReleaseSvelte 官方框架 SvelteKit 迎來 1.0 穩定版。Vercel 作為主要支持者，提供專屬的 `@sveltejs/adapter-vercel` 轉接器，讓開發者能輕鬆部署並享受 Edge Functions、Serverless 運算及自動優化等功能，為 Svelte 應用提供極致的效能與開發體驗。
How Scale AI unifies design and performance with Next.js and Vercel
Vercel Changelog1280d agoBusinessAI 數據平台巨頭 Scale AI 分享其如何利用 Next.js 與 Vercel 解決設計與效能之間的拉鋸。透過 Next.js 的混合渲染與 Vercel 的全球邊緣網路，Scale AI 不僅能呈現複雜的 3D 視覺與動畫，還能確保極快的載入速度。這套現代前端工作流成功打破了設計師與開發者之間的藩籬，大幅提升產品迭代效率。
Introducing Turbopack★ 70
Vercel Changelog1316d agoNew ToolVercel 正式發表由 Webpack 創始人 Tobias Koppers 領軍開發的全新 Rust 增量打包工具 Turbopack。作為 Webpack 的繼任者，它專為 JS/TS 優化，並首發內建於 Next.js 13 中。官方數據指出其熱更新速度比 Webpack 快 700 倍、比 Vite 快 10 倍，大幅提升前端開發體驗。
Building an interactive WebGL experience in Next.js
Vercel Changelog1320d agoTutorial本文探討如何在 Next.js 框架中整合 WebGL 技術。重點介紹如何利用 React Three Fiber (R3F) 建立 3D 場景，並透過 Next.js 的動態載入（Dynamic Imports）解決伺服器端渲染（SSR）的相容性問題。同時分享了優化 3D 資產載入與提升網頁互動效能的實務經驗。
Next.js Conf 2022: Iterate, scale, and deliver a great UX★ 70
Vercel Changelog1323d agoReleaseVercel 於 Next.js Conf 2022 發表重大更新，核心為 Next.js 13 的推出。本次更新引入了基於 Rust 的全新打包工具 Turbopack，旨在取代 Webpack 並大幅提升開發速度。此外，全新的 app 目錄（Beta）正式亮相，全面支援 React Server Components，並帶來更直覺的路由與版面配置（Layouts）系統，同時優化了圖片、字型和連結組件，全面提升開發者體驗與終端用戶的 UX。
Improving the accessibility of our Next.js site
Vercel Changelog1341d agoTutorial本文介紹 Vercel 團隊優化其 Next.js 官方網站無障礙性（a11y）的實踐過程。內容涵蓋如何利用 Axe 和 Lighthouse 進行自動化檢測、改善鍵盤導覽與焦點管理、優化螢幕閱讀器體驗，以及調整色彩對比度以符合 WCAG 標準，是前端開發者提升網站包容性的實用指南。
Commenting on Previews is now in Public Beta
Vercel Changelog1349d agoReleaseVercel 正式將「預覽版本留言功能（Commenting on Previews）」推向公開測試。 此功能允許開發團隊、設計師及專案關係人直接在 Vercel 的 Preview Deployments 網頁上標記與留下意見。 這項更新大幅簡化了前端開發的審查與反饋流程，無需切換工具即可在畫面上完成溝通。
Introducing Commenting on Preview Deployments
Vercel Changelog1349d agoReleaseVercel 宣布推出全新的「預覽部署留言功能」（Commenting on Preview Deployments）。此功能允許開發者、設計師及產品經理直接在 Vercel 生成的預覽網頁上進行即時標註、留言與討論。透過與 GitHub、Slack、Linear 等工具的整合，團隊能更快速地同步意見，免去繁瑣的截圖與跨平台溝通，顯著提升前端開發的協作效率。
Using the latest Next.js 12.3 features on Vercel
Vercel Changelog1358d agoReleaseVercel 官方宣布支援 Next.js 12.3 的最新功能。本次更新重點在於大幅提升開發者體驗，包括修改環境變數（.env）或 TypeScript 設定檔時無需重啟開發伺服器、自動偵測並安裝 TypeScript 依賴，以及優化圖片組件與 SWC 編譯器效能，讓 Vercel 上的部署與開發流程更加順暢。
Curve fitting for charts: better visualizations for Vercel Analytics
Vercel Changelog1362d agoReleaseVercel 宣布為其 Analytics 數據分析工具引進「曲線擬合（Curve Fitting）」功能，旨在提升圖表的視覺化效果。 此功能透過平滑化含有雜訊的原始數據，協助開發者與團隊更輕鬆地識別流量或效能指標的長期趨勢。 這項更新讓使用者在分析網站數據時，能過濾掉短期的隨機波動，進而做出更精準的優化決策。
At Next.js Conf 2022, learn to build better and scale faster
Vercel Changelog1369d agoReleaseVercel 官方宣布 Next.js Conf 2022 即將舉行。本次大會以「Build better and scale faster」為主題，旨在幫助開發者探索更高效的網頁構建方式與無縫擴展技術。大會將匯聚全球開發者社群，共同探討 Next.js 的最新生態發展與未來技術趨勢。
How we made the Vercel Dashboard twice as fast
Vercel Changelog1393d agoTutorialVercel 官方分享了優化其 Dashboard 效能的實戰經驗。團隊透過程式碼拆分（Code Splitting）減少 JavaScript 載入量、利用 SWR 優化資料獲取與快取機制，並結合 Vercel Edge Network 降低延遲。這些前端與架構層面的優化，最終讓 Dashboard 的互動與載入速度成功翻倍，是 React 與 Next.js 效能優化的經典範例。
Announcing the Build Output API
Vercel Changelog1412d agoReleaseVercel 宣布推出 Build Output API，這是一項開放的架構規範。它定義了統一的 `.vercel/output` 目錄結構，包含靜態資源、Serverless 函數及路由設定。此舉打破了過去框架與託管平台間的壁壘，讓 Astro、SvelteKit、Nuxt 等任何前端框架都能輕鬆適配並完美部署至 Vercel。
Gradio 3.0 is Out!★ 85
Hugging Face Blog1479d agoReleaseGradio 3.0 迎來重大更新，核心推出「Gradio Blocks」API，打破以往 Interface 只能左右對稱的版面限制。開發者現在能透過 Row、Column 與 Tab 自由設計 UI，並自訂複雜的多步驟事件觸發流程。此版本也優化了前端架構，為建立複雜的 AI 應用（如多模型比較、自訂工作流）奠定強大基礎。
Upgrading Next.js for instant performance improvements
Vercel Changelog1538d agoReleaseVercel 官方分享了升級 Next.js 所帶來的即時效能提升。透過引入基於 Rust 的 SWC 編譯器取代 Babel，專案的建置速度與快速重新整理皆獲得數倍增長。此外，新版本在圖片優化、中介軟體（Middleware）及伺服器端渲染（SSR）上也進行了大幅優化，讓開發者與終端用戶都能獲得極致體驗，是提升 Lighthouse 分數的捷徑。
The evolution of the Web: What we learned and where we’re going
Vercel Changelog1581d agoOpinion本文回顧 Web 從靜態 HTML、動態資料庫驅動到 Jamstack 與邊緣運算（Edge Computing）的演進。Vercel 指出，未來的 Web 將透過邊緣端進行個人化渲染，融合靜態的快速與動態的靈活性。這不僅能大幅提升 Core Web Vitals 效能，也將透過無伺服器架構與預覽部署，徹底優化開發者的協作體驗。
The future of Svelte, an interview with Rich Harris
Vercel Changelog1630d agoOpinion本文為 Svelte 創作者 Rich Harris 加入 Vercel 後的專訪。他分享了全職投入 Svelte 開發的契機，並深入探討 Svelte 的設計哲學（如無虛擬 DOM、編譯期優化）。同時，他也揭示了 SvelteKit 的未來藍圖，以及在 Vercel 支持下，如何為開發者提供更極致的效能與開發體驗。
Supporting the Future of React
Vercel Changelog1631d agoBusinessVercel 宣布將加大對 React 生態系的投資，支持其長期發展。隨著 React 核心架構師 Sebastian Markbåge 等人加入 Vercel，雙方將緊密合作，共同推動 React 18、React Server Components (RSC) 及 Suspense 等下一代技術的研發與實踐，並確保這些創新能在 Next.js 等框架中獲得最佳體驗。
Vercel welcomes Rich Harris, creator of Svelte
Vercel Changelog1664d agoBusiness前端部署平台 Vercel 宣布 Svelte 框架創始人 Rich Harris 正式加入團隊。Rich Harris 先前於《紐約時報》擔任圖表編輯，加入 Vercel 後將得以全職專注於 Svelte 及 SvelteKit 的開發與社群生態建設。此舉展現了 Vercel 支持多元開源前端框架、不限於 Next.js 的決心，旨在為開發者提供更優質的部署與開發體驗。
At Next.js Conf 2021, let’s make the Web. Faster.
Vercel Changelog1716d agoReleaseVercel 於 2021 年 9 月宣布 Next.js Conf 2021 的舉辦消息，主題定為「Let’s make the Web. Faster.」。大會旨在聚集全球開發者，共同探討如何優化網頁效能與開發者體驗。此活動隨後催生了 Next.js 12 的發布，引入了 Rust 編譯器等重大效能變革，是前端開發史上的重要里程碑。
$102M to Continue Building the Next Web, Together
Vercel Changelog1805d agoBusiness前端託管與開發平台 Vercel 宣佈完成 1.02 億美元的 C 輪融資，由 Bedrock Capital 領投，估值晉升至 11 億美元。此輪資金將用於加速 Next.js 開發、優化全球邊緣網路（Edge Network），並持續提升開發者的協作與部署體驗，共同打造下一代現代 Web。
Next.js 11, Next.js Live and more: A recap of Next.js Conf Special Edition
Vercel Changelog1806d agoReleaseVercel 舉辦 Next.js Conf 特別版，正式發表 Next.js 11。本次更新重點包括與 Google 團隊合作的 Conformance 開發規範、優化第三方腳本載入的 next/script、支援本地圖片自動尺寸偵測與模糊預覽的 next/image，以及預設啟用 Webpack 5 以提升編譯速度。此外，官方更展示了基於 WebAssembly 技術、可在瀏覽器中進行即時協作開發的 Next.js Live 預覽版，為前端開發與團隊協作帶來全新想像。
Nuxt Analytics on Vercel
Vercel Changelog1922d agoReleaseVercel 宣布在其平台上正式支援 Nuxt.js 應用程式的 Analytics（分析）功能。開發者現在可以輕鬆為 Nuxt 專案啟用 Vercel Analytics，即時監控網站的真實用戶效能指標（Web Vitals），如 LCP、FID 和 CLS。此功能無需複雜配置，能幫助開發者快速優化 Vue/Nuxt 應用的載入速度與使用者體驗。
10 Next.js tips you might not know
Vercel Changelog1953d agoTutorial本文回顧 Vercel 官方分享的 10 個 Next.js 隱藏版實用技巧。內容包含如何利用 next/image 進行圖片自動優化、使用 next/dynamic 實現動態載入以減少打包體積、透過 next.config.js 設定路徑重寫（Rewrites）與重導向（Redirects），以及如何正確使用環境變數與增量靜態生成（ISR）。這些技巧能有效提升 Next.js 應用的效能與開發體驗。