Designing and building the Vercel Ship conference platform★ 75
Vercel Changelog356d agoTutorial本篇文章深入拆解 Vercel 團隊如何設計與開發其年度大會「Vercel Ship」的線上平台。文章詳細介紹了如何結合 Next.js App Router、React Server Components (RSC) 與 Vercel Edge 基礎設施，在面對全球數十萬開發者的高併發流量下，依然維持極致的載入效能。此外，也分享了動態個人化門票生成、即時聊天與互動機制的技術實現細節。
Latency numbers every frontend developer should know★ 75
Vercel Changelog770d agoTutorial本文整理了前端與網頁開發者必須掌握的關鍵延遲數據。從瀏覽器渲染的 16.6 毫秒黃金法則、人類感知的 100 毫秒即時界線，到 Edge 網路、Serverless 冷啟動以及資料庫跨區查詢的延遲影響。透過理解這些數字，開發者能更精準地定位效能瓶頸，優化 TTFB、INP 等 Core Web Vitals 指標，打造極速的網頁體驗。
Images on the web
Vercel Changelog966d agoTutorialVercel 發布網頁圖像指南，探討如何透過現代格式（如 AVIF、WebP）與響應式圖片技術提升網頁載入速度。文章重點分析了圖片對 Core Web Vitals（如 LCP 與 CLS）的影響，並介紹了 Vercel Image Optimization 如何協助開發者自動化處理圖片縮放與壓縮，從而提供極致的用戶體驗。
Optimizing web fonts
Vercel Changelog980d agoTutorial網頁字型常因載入延遲導致「無樣式文字閃爍（FOUT）」或「隱形文字閃爍（FOIT）」，並引發 CLS 影響 SEO。Vercel 詳細解析了其內建的字型優化機制，包含自動下載 Google Fonts 至本地託管、自動計算並產生 fallback 字型的 CSS 屬性（如 size-adjust），讓開發者無需手動調整即可獲得極佳的 Core Web Vitals 分數。
Why Vercel and Next.js are the perfect fit for this global fashion media group
Vercel Changelog985d agoBusiness本案例研究探討了一家全球時尚媒體集團選擇 Vercel 和 Next.js 的背後原因。透過 Next.js 的混合渲染能力（如 ISR）與 Vercel 的全球邊緣網路，該集團成功優化了高流量網站的載入速度（Core Web Vitals），並大幅提升了開發團隊的部署效率與跨部門協作體驗，為全球讀者提供流暢且高品質的時尚內容。
Custom fonts without compromise using Next.js and `next/font`
Vercel Changelog1162d agoReleaseVercel 介紹了 Next.js 的 `next/font` 功能，旨在解決網頁字型載入時的效能與排版問題。該功能會自動下載並託管字型檔案，消除外部網路請求以提升隱私與速度。最重要的是，它透過自動調整字型大小（size-adjust）來實現「零版面配置位移（Zero Layout Shift）」，讓自訂字型與 Google Fonts 的整合變得無比流暢。
Building a fast, animated image gallery with Next.js
Vercel Changelog1240d agoTutorialVercel 官方分享了如何結合 Next.js 與現代前端技術構建高效能圖片庫。文章重點在於利用 next/image 進行自動圖片優化（如 WebP 格式與 Blur 佔位符），並搭配 Framer Motion 實現流暢的佈局動畫。這套方案不僅能提升 Core Web Vitals 評分，還能提供媲美原生應用的使用者體驗。
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 視覺與動畫，還能確保極快的載入速度。這套現代前端工作流成功打破了設計師與開發者之間的藩籬，大幅提升產品迭代效率。
Building a viral application to visualize train routes
Vercel Changelog1361d agoTutorial本文分享了爆紅地圖應用「Chronotrains」的開發故事。該應用能視覺化呈現從歐洲任一車站出發，在 5 小時內可抵達的範圍。作者 Benjamin Tran Dinh 分享了他如何利用 Next.js、Mapbox 與 Vercel 的 Serverless 架構與邊緣快取，在面對社群媒體帶來的巨大病毒式流量時，依然保持網站穩定與極致的載入速度，並探討了前端效能優化的關鍵技巧。
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 效能，也將透過無伺服器架構與預覽部署，徹底優化開發者的協作體驗。