Server rendering benchmarks: Fluid Compute and Cloudflare Workers★ 75
Vercel Changelog236d agoReleaseVercel 公布了針對伺服器渲染（SSR）的最新基準測試結果，將其新一代「Fluid Compute」架構與 Cloudflare Workers 進行對比。測試重點在於首位元組時間（TTFB）、冷啟動延遲以及在高併發下的效能表現。結果顯示 Fluid Compute 在保有完整 Node.js 相容性的同時，能提供媲美甚至超越 Edge 運作環境的渲染速度，為 Next.js 等現代前端框架帶來顯著的效能提升。
Welcome, Gradio 5★ 85
Hugging Face Blog601d agoReleaseHugging Face 推出 Gradio 5 重大更新，全面提升效能與安全性。此版本經過專業安全團隊 Trail of Bits 審計，預設啟用多項安全防護；同時引入伺服器端渲染（SSR），大幅縮短首頁載入時間並提升 SEO。此外，新版也優化了多模態 Chatbot 組件，讓開發者能更輕鬆地打造生產級的 AI 互動介面。
How Google handles JavaScript throughout the indexing process★ 75
Vercel Changelog671d agoTutorial本文由 Vercel 撰寫，詳解 Googlebot 處理 JavaScript 的「兩階段索引」機制。第一階段先讀取 HTML，第二階段才放入佇列進行 JS 渲染。由於渲染需消耗大量資源，可能導致索引延遲或內容遺漏，因此採用 SSR 或 SSG 是優化 SEO 的關鍵。
How to choose the best rendering strategy for your app★ 75
Vercel Changelog679d agoTutorialVercel 系統化分析現代網頁開發的五大渲染策略：靜態渲染 (SSG)、動態渲染 (SSR)、漸進式靜態生成 (ISR)、用戶端渲染 (CSR) 以及最新的部分預渲染 (PPR)。文章從資料新鮮度、使用者個性化內容及 SEO 等維度出發，提供決策樹與具體建議，並強調 PPR 作為結合靜態與動態優勢的新一代解決方案，能顯著提升使用者體驗與效能。
How React 18 Improves Application Performance
Vercel Changelog1049d agoTutorialReact 18 透過引入「並行渲染（Concurrent Rendering）」核心機制，徹底改變了 UI 更新的處理方式。文章探討了 Transitions API 如何避免 UI 凍結、自動批次處理如何減少重新渲染次數，以及伺服器端 Suspense 如何實現 HTML 串流與選擇性注水，顯著提升載入速度與互動響應性。這些改變也為現代前端框架（如 Next.js）奠定了高效能的基礎。
An Introduction to Streaming on the Web★ 75
Vercel Changelog1076d agoTutorial本文為 Vercel 撰寫的 Web Streaming 串流技術入門指南。傳統 SSR 需等待所有數據準備完畢才渲染，而 Streaming 允許伺服器將網頁拆分為多個區塊（Chunks），並透過 HTTP 傳輸協議逐步推送至瀏覽器。這不僅能顯著降低首位元組時間（TTFB），還能結合 React Suspense 實現漸進式渲染，是現代前端開發與 AI 串流生成（LLM Streaming）不可或缺的底層效能優化手段。
Improved support for Nuxt on Vercel
Vercel Changelog1124d agoReleaseVercel 宣布提升對 Nuxt (Vue.js 生態系的 SSR 框架) 的原生支援。本次更新帶來了更緊密的 Nitro 引擎整合，讓開發者在 Vercel 上部署 Nuxt 專案時，能享有更快的冷啟動速度、自動化的 Edge Functions 配置，以及更簡單的零配置部署體驗，大幅優化 Vue 開發者的工作流。
Advanced Remix integration with streaming SSR and multi-runtime support
Vercel Changelog1168d agoReleaseVercel 推出針對 Remix 框架的進階整合更新，全面支援串流伺服器端渲染（Streaming SSR），能有效縮短首位元組時間（TTFB）。此外，新版本支援 Node.js 與 Edge 雙重執行期（Multi-Runtime），讓開發者可根據路由需求自由切換。此更新實現了零設定部署，為 Remix 開發者在 Vercel 上提供頂級的開發與運行體驗。
Migrating a large, open-source React application to Next.js and Vercel★ 75
Vercel Changelog1272d agoTutorial本文探討將大型開源 React 單頁應用程式（SPA）遷移至 Next.js 與 Vercel 的架構演進與實作步驟。內容涵蓋從傳統 Client-Side Rendering (CSR) 轉向 Next.js 混合渲染的挑戰，包含路由重構、環境變數轉移、處理瀏覽器端全域變數，以及如何利用 Vercel 的預覽部署與邊緣網路實現無縫過渡。
Build your own web framework
Vercel Changelog1405d agoTutorial本文為 Vercel 釋出的經典技術指南，指導開發者如何從頭開始構建自己的 Web 框架。文章深入探討了現代框架（如 Next.js）的核心要素，包括路由機制、代碼打包、伺服器端渲染（SSR）以及如何將其部署至 Serverless 環境。這不僅是一份實作指南，更是理解現代前端生態系底層技術的絕佳教材。
React Server Components with Next.js
Vercel Changelog1964d agoReleaseReact Server Components (RSC) 是一項顛覆性的技術，允許組件直接在伺服器端運行。Vercel 探討了 Next.js 如何整合 RSC，帶來「零用戶端打包體積（Zero Bundle Size）」、直接存取資料庫與微服務、以及在不遺失用戶端狀態下進行伺服器端重新渲染等三大優勢，為現代 Web 開發開創全新範式。
Next.js: Server-side Rendering vs. Static Generation
Vercel Changelog2154d agoTutorial本篇 Vercel 官方文章深入探討 Next.js 的核心渲染機制。靜態生成 (SSG) 在建置時即產生 HTML，具備極佳的 CDN 快取優勢與載入速度；伺服器端渲染 (SSR) 則在每次請求時動態生成頁面，適合即時資料。Next.js 支援「逐頁選擇」渲染策略，開發者應優先使用 SSG 以優化效能。
Introducing Serverless Pre-Rendering (SPR)
Vercel Changelog2587d agoReleaseVercel（時為 ZEIT）發表 Serverless Pre-Rendering (SPR) 技術，旨在解決傳統 SSR 速度慢與 SSG 構建時間過長的問題。SPR 允許網頁在背景非同步更新，同時立即向使用者呈現快取的靜態頁面。這項技術採用了 stale-while-revalidate 機制，是後來 Next.js 核心功能「Incremental Static Regeneration (ISR)」的前身。
Next.js 4: React 16 and styled-jsx 2
Vercel Changelog3158d agoReleaseVercel（當時為 ZEIT）發布 Next.js 4，此版本最核心的改進是全面支援 React 16，藉此大幅提升伺服器端渲染（SSR）的效能與穩定性。同時，內建的 CSS-in-JS 解決方案也升級至 styled-jsx v2，帶來更靈活的動態樣式支援與更小的打包體積。這是一次奠定 Next.js 早期生態系的重要更新。
Next.js 3.0
Vercel Changelog3220d agoReleaseNext.js 3.0 正式推出，帶來兩大核心功能更新：首先是支援動態導入（Dynamic Import），讓開發者能更輕鬆地進行程式碼分割以優化載入速度；其次是新增 `next export` 命令，支援將應用程式導出為完全靜態的 HTML 網頁。此外，此版本也優化了熱更新（HMR）效能，並為即將到來的 React 16 做好準備。
Next.js 2.0
Vercel Changelog3354d agoReleaseNext.js 2.0 正式推出，專注於提升 React 伺服器端渲染（SSR）的開發體驗與效能。此版本引入了動態導入（Dynamic Imports）、自訂伺服器 API、自訂 `_document.js` 以控制 HTML 結構，並內建 styled-jsx 支援。此外，熱更新（HMR）速度與打包體積也獲得了大幅優化。
Next.js★ 70
Vercel Changelog3507d agoRelease2016 年 10 月，ZEIT（現 Vercel）正式推出 Next.js，這是一個專為 React 設計的極簡、免配置伺服器端渲染（SSR）框架。它解決了 React 應用的 SEO 與首屏載入痛點，並引入了直觀的「基於檔案系統的路由」與自動程式碼分割。這項發布奠定了現代前端開發與 Jamstack 生態系的基石，也是如今許多 AI 應用前端的首選框架。