Introducing: React Best Practices★ 75
Vercel Changelog139d agoReleaseVercel 官方正式發布「React 最佳實踐」指南，旨在為現代 React 開發（特別是 React 19 與 Next.js 生態）提供權威的架構與開發標準。指南深入探討了伺服器元件（Server Components）與用戶端元件（Client Components）的黃金分割、高效的資料獲取模式，以及如何利用 React Compiler 和 PPR 進行極致的效能優化。這套指南將幫助開發者避免常見的反模式，寫出更安全、更好維護的現代 Web 應用。
React Server Components security update: DoS and Source Code Exposure★ 85
Vercel Changelog173d agoReleaseVercel 針對 React Server Components (RSC) 發布緊急安全更新。本次更新主要修復了兩個重大安全隱患：一是可能導致伺服器崩潰的阻斷服務（DoS）漏洞，二是可能意外暴露伺服器端原始碼或敏感資料的漏洞。建議所有使用 Next.js 及 RSC 技術的開發者立即將專案依賴項升級至最新版本以確保安全。
Composable AI for ecommerce: Hands-on with Vercel’s AI SDK★ 75
Vercel Changelog784d agoTutorial本指南介紹如何將 Vercel AI SDK 應用於電子商務，實現「可組合式 AI（Composable AI）」。開發者可以輕鬆整合多種 LLM，並利用 Generative UI 技術，讓 AI 助手在對話中直接渲染動態的商品卡片、購物車與結帳元件，大幅提升電商平台的互動率與轉換率。
Introducing AI SDK 3.0 with Generative UI support★ 85
Vercel Changelog823d agoReleaseVercel 推出 AI SDK 3.0，核心亮點為「Generative UI」支援。此版本突破了傳統 AI 僅能輸出文字或 JSON 的限制，開發者現在可以讓 LLM 根據上下文，直接動態決定並串流渲染 React 伺服器元件（RSC），如天氣圖表、機票卡片等，大幅提升 AI 應用的互動體驗與開發效率。
Guide to fast websites with Next.js: Tips for maximizing server speeds and minimizing client burden★ 70
Vercel Changelog916d agoTutorial本文為 Vercel 官方發布的 Next.js 效能優化指南。核心圍繞在如何透過 React Server Components (RSC) 減少用戶端 JS 載入量，並利用 Streaming、Suspense 與快取機制極大化伺服器響應速度。適合希望優化 Core Web Vitals（如 LCP、INP）並提升使用者體驗的 Web 開發者。
Understanding React Server Components
Vercel Changelog1036d agoTutorialReact Server Components (RSC) 是近年 React 生態系最重大的變革。Vercel 本文深入探討 RSC 的核心概念，解釋它如何讓組件直接在伺服器端執行以減少瀏覽器端的 JavaScript 載入量。同時，文章也釐清了 RSC 與傳統 SSR 的差異，並說明如何在 Next.js 中混合使用 Server 與 Client 組件，達到最佳的效能與互動性。
Celebrating 10 Years of React
Vercel Changelog1100d agoCommentaryReact 迎來開源 10 週年！Vercel 撰文回顧 React 自 2013 年問世以來的發展。從最初 JSX 語法備受社群質疑，到如今成為全球前端開發的絕對標準，React 徹底改變了 UI 開發範式。近年 Vercel 與 React 團隊緊密合作，共同推動 React Server Components (RSC)，將網頁效能與開發體驗推向新高度，持續引領下一個世代的網頁開發。
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。
Next.js Layouts RFC in 5 minutes★ 70
Vercel Changelog1357d agoOpinionNext.js 釋出 Layouts RFC 提案，預告了未來 App Router 的重大變革。本文在 5 分鐘內拆解其核心觀念，包含支援巢狀佈局（Nested Layouts）以保留頁面狀態、預設導入 React Server Components (RSC) 以優化載入效能，以及全新設計的資料獲取與串流（Streaming）機制，為現代 Web 開發奠定新標準。
React Server Components with Next.js
Vercel Changelog1964d agoReleaseReact Server Components (RSC) 是一項顛覆性的技術，允許組件直接在伺服器端運行。Vercel 探討了 Next.js 如何整合 RSC，帶來「零用戶端打包體積（Zero Bundle Size）」、直接存取資料庫與微服務、以及在不遺失用戶端狀態下進行伺服器端重新渲染等三大優勢，為現代 Web 開發開創全新範式。