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