3D Asset Generation: AI for Game Development #3
Hugging Face Blog1230d agoTutorial本文為 Hugging Face 遊戲開發 AI 系列的第三篇，專注於「3D 資產生成」。文章探討了從傳統 3D 建模的痛點出發，介紹如何利用神經輻射場（NeRF）進行 3D 重建，以及使用 OpenAI Point-E、DreamFusion 等最新 AI 模型進行文字/圖像轉 3D。最後說明如何將這些 AI 生成的 3D 模型導入 Blender、Unity 或 Unreal Engine 等主流遊戲引擎，為獨立開發者與美術設計師提供全新的工作流。
Improving readability with React Wrap Balancer
Vercel Changelog1230d agoNew ToolVercel 推出開源工具 React Wrap Balancer，專門解決網頁標題換行不均勻、最後一行出現單個「孤字」的排版問題。該組件能自動計算並平衡每行文字的長度，顯著提升網頁的視覺美感與閱讀體驗。對於注重 UI/UX 細節的前端開發者與設計師來說，這是一個無需複雜設定即可快速導入的實用解決方案。
Edge Functions enable Read.cv to deliver profiles globally, with near-zero latency
Vercel Changelog1236d agoRelease知名社群平台 Read.cv 透過導入 Vercel Edge Functions，成功優化其全球訪問效能。藉由將運算邏輯移至離用戶最近的邊緣節點，Read.cv 不僅消除了傳統伺服器的地理延遲，更實現了近乎即時的動態個人檔案載入體驗，大幅提升全球用戶的瀏覽流暢度。
Building a global streetwear label with Next.js
Vercel Changelog1239d agoBusiness本文介紹紐約知名街頭潮流品牌 KidSuper 如何利用 Next.js 和 Vercel 重構其數位體驗。面對潮牌特有的「限量閃購（Drops）」高流量挑戰，他們透過無頭電商（Headless Commerce）架構，結合 Next.js 的優異效能與 Vercel 的全球邊緣網路，不僅實現了極致的創意視覺呈現，更確保了系統在瞬間高負載下的穩定性與流暢度。
Building a fast, animated image gallery with Next.js
Vercel Changelog1240d agoTutorialVercel 官方分享了如何結合 Next.js 與現代前端技術構建高效能圖片庫。文章重點在於利用 next/image 進行自動圖片優化（如 WebP 格式與 Blur 佔位符），並搭配 Framer Motion 實現流暢的佈局動畫。這套方案不僅能提升 Core Web Vitals 評分，還能提供媲美原生應用的使用者體驗。
AI for Game Development: Creating a Farming Game in 5 Days. Part 2
Hugging Face Blog1241d agoTutorial本文是 Hugging Face 挑戰「5 天內用 AI 製作農場遊戲」的第二部分，重點在於 3D 資產的生成。作者探討了 2023 年初 3D AI 技術的現狀，實測利用 OpenAI 的 Point-E 進行文字生成 3D 點雲與網格，並嘗試用 Stable Diffusion 進行 3D 貼圖。雖然當時技術仍有網格混亂、缺乏 UV 貼圖等限制，但為獨立遊戲開發者展示了 AI 輔助 3D 工作流的雛形。
AI for Game Development: Creating a Farming Game in 5 Days. Part 1★ 70
Hugging Face Blog1248d agoTutorial本教學為 Hugging Face 遊戲開發系列的第一部分，記錄了如何利用 AI 技術在 5 天內開發出一款農場模擬遊戲。文章重點介紹了開發初期的規劃、如何利用 Stable Diffusion 生成像素風（Pixel Art）美術資產，以及如何藉由 AI 輔助編寫 Unity 遊戲腳本，展示了 AI 如何大幅降低獨立遊戲開發的門檻。
Enhanced Preview experience
Vercel Changelog1260d agoReleaseVercel 宣布推出「增強版預覽體驗」，將預覽部署轉化為即時協作空間。團隊成員可以直接在預覽網頁上進行標註、留下評論、擷取螢幕畫面，並自動同步至 GitHub、Jira 或 Slack 等工具，免去繁瑣的截圖與跨平台溝通流程，大幅縮短開發回饋循環。
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 視覺與動畫，還能確保極快的載入速度。這套現代前端工作流成功打破了設計師與開發者之間的藩籬，大幅提升產品迭代效率。
Diffusion Models Live Event
Hugging Face Blog1286d agoTutorial本文介紹 Hugging Face 於 2022 年 11 月舉辦的「Diffusion Models Live Event」直播活動。該活動旨在向開發者與研究人員推廣擴散模型技術，並介紹當時新推出的 diffusers 函式庫。活動內容涵蓋從零開始訓練擴散模型、圖像生成原理及社群實作分享，是開源 AI 圖像生成發展史上的重要里程碑。
Train and deploy a DreamBooth model on Replicate
Replicate Blog1290d agoNew ToolReplicate 宣布推出 DreamBooth API，大幅簡化了個人化圖像生成模型的訓練流程。開發者只需提供少數幾張特定主體的照片，並透過單次 API 呼叫，就能在雲端自動完成微調。訓練完成的模型會直接託管於 Replicate，並立即提供 API 端點供後續的圖像生成預測使用。
Training Stable Diffusion with Dreambooth using Diffusers★ 75
Hugging Face Blog1304d agoTutorial本指南為 Hugging Face 官方發布的 DreamBooth 訓練教學。透過 diffusers 函式庫，開發者與創作者只需提供 3 到 5 張特定主體的照片，即可微調 Stable Diffusion 模型。文中詳細介紹了訓練原理、先驗保持損失（Prior Preservation Loss）的重要性，以及如何利用 8-bit Adam 和 xFormers 等技術在消費級 GPU 上完成訓練。
Using Vercel comments to improve the Next.js 13 documentation
Vercel Changelog1307d agoOpinion在 Next.js 13 推出並帶來 App Router 等重大變革之際，官方文件的準確性至關重要。Vercel 分享了他們如何「吃自家狗糧」，利用 Vercel Comments 功能讓團隊與測試者直接在預覽版文件網頁上標註與討論。這不僅省去了去 GitHub 開 Issue 的繁瑣步驟，還透過與 Slack、Linear 等工具整合，大幅提升了文件迭代與除錯的效率。
Vercel acquires Splitbee to expand first-party analytics
Vercel Changelog1316d agoBusiness前端託管平台 Vercel 宣布收購分析工具新創 Splitbee。Splitbee 以其輕量級、隱私友好的網站分析及 A/B 測試功能聞名。此次收購旨在將 Splitbee 的技術整合至 Vercel 生態系中，為開發者提供更強大的第一方分析（First-party Analytics）與使用者行為追蹤服務，幫助開發者無需配置複雜的第三方工具即可優化網站效能與轉換率。
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。
Japanese Stable Diffusion
Hugging Face Blog1337d agoReleaseStability AI 於 2022 年 10 月推出了「Japanese Stable Diffusion」模型。該模型專為日語語境進行優化，解決了先前英文版 Stable Diffusion 難以精確理解日語輸入與日本文化細節的問題。用戶可以直接使用日語進行 Prompt 創作，生成更符合日本審美與文化背景的圖像，並已開源託管於 Hugging Face。
Improving the accessibility of our Next.js site
Vercel Changelog1341d agoTutorial本文介紹 Vercel 團隊優化其 Next.js 官方網站無障礙性（a11y）的實踐過程。內容涵蓋如何利用 Axe 和 Lighthouse 進行自動化檢測、改善鍵盤導覽與焦點管理、優化螢幕閱讀器體驗，以及調整色彩對比度以符合 WCAG 標準，是前端開發者提升網站包容性的實用指南。
Introducing Commenting on Preview Deployments
Vercel Changelog1349d agoReleaseVercel 宣布推出全新的「預覽部署留言功能」（Commenting on Preview Deployments）。此功能允許開發者、設計師及產品經理直接在 Vercel 生成的預覽網頁上進行即時標註、留言與討論。透過與 GitHub、Slack、Linear 等工具的整合，團隊能更快速地同步意見，免去繁瑣的截圖與跨平台溝通，顯著提升前端開發的協作效率。
Commenting on Previews is now in Public Beta
Vercel Changelog1349d agoReleaseVercel 正式將「預覽版本留言功能（Commenting on Previews）」推向公開測試。 此功能允許開發團隊、設計師及專案關係人直接在 Vercel 的 Preview Deployments 網頁上標記與留下意見。 這項更新大幅簡化了前端開發的審查與反饋流程，無需切換工具即可在畫面上完成溝通。
Building a viral application to visualize train routes
Vercel Changelog1361d agoTutorial本文分享了爆紅地圖應用「Chronotrains」的開發故事。該應用能視覺化呈現從歐洲任一車站出發，在 5 小時內可抵達的範圍。作者 Benjamin Tran Dinh 分享了他如何利用 Next.js、Mapbox 與 Vercel 的 Serverless 架構與邊緣快取，在面對社群媒體帶來的巨大病毒式流量時，依然保持網站穩定與極致的載入速度，並探討了前端效能優化的關鍵技巧。
Introducing the Vercel Templates Marketplace
Vercel Changelog1362d agoNew ToolVercel 宣布推出「Templates Marketplace（模板市集）」，旨在簡化開發者的起步流程。該市集匯聚了由 Vercel 官方、合作夥伴及社群貢獻的優質模板，涵蓋 Next.js、Svelte 等多種前端框架。開發者可以輕鬆找到結合了資料庫（如 Supabase）、CMS（如 Sanity）等第三方服務的完整解決方案，並實現一鍵部署至 Vercel。
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 SZA and Integral Studio create at the moment of inspiration
Vercel Changelog1373d agoBusiness本案例研究探討了創意科技公司 Integral Studio 如何協助知名歌手 SZA 捕捉轉瞬即逝的靈感。透過採用 Vercel 平台與 Next.js 框架，他們打破了傳統網頁開發的漫長流程，實現了「從點子到上線只需數小時」的極速開發。這讓藝人能在社群話題最熱、靈感爆發的當下，立即推出專屬的數位體驗與周邊活動，並輕鬆應對瞬間湧入的龐大粉絲流量。
Run Stable Diffusion with an API
Replicate Blog1374d agoTutorialReplicate 平台讓開發者能夠透過簡單的 API 呼叫來運行 Stable Diffusion 等開源 AI 模型。 開發者無需自行架設昂貴且複雜的 GPU 基礎設施，只需使用 Python、JavaScript 等 SDK 即可快速整合。 此服務採用按秒計費制，非常適合用於黑客松、獨立開發專案或快速驗證產品原型。
Join us at Uncanny Spaces
Replicate Blog1392d agoBusinessReplicate 於 2022 年 8 月發表簡短公告，邀請社群成員參與名為「Uncanny Spaces」的活動。該活動旨在將人們聚集在一起，共同探索和展示利用機器學習技術所創造的各種新穎作品。這反映了 Replicate 致力於推動 AI 開發者與創作者社群交流的長期承諾。
Constraining CLIPDraw
Replicate Blog1468d agoTutorial本文探討基於文字生成向量草圖的 CLIPDraw 工具，並介紹「可微程式設計」概念。透過在優化過程中加入筆畫數量、顏色或幾何形狀等限制，創作者能引導 AI 擺脫雜亂線條，生成更具結構性與獨特藝術風格的向量作品，為生成藝術的微調與控制提供了清晰的實踐路徑。
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 效能，也將透過無伺服器架構與預覽部署，徹底優化開發者的協作體驗。
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 預覽版，為前端開發與團隊協作帶來全新想像。
ZEIT is now Vercel★ 70
Vercel Changelog2233d agoBusiness熱門前端框架 Next.js 的母公司 ZEIT 宣佈正式更名為 Vercel，其旗下的託管平台「Now」也將併入同名品牌。伴隨品牌重塑，Vercel 宣佈獲得由 Accel 領投的 2100 萬美元 A 輪融資，資金將用於加速前端開發工作流。此次更名旨在簡化品牌形象，專注於為全球前端開發者提供極致的無伺服器（Serverless）部署與協作體驗。