web-frameworks

此技能群組為開發、擴展與維護專業網頁應用程式提供強大的架構。透過結合 Next.js 的渲染能力、Turborepo 的構建編排以及 RemixIcon 的視覺一致性，開發者能夠構建從高流量 SaaS 平台到複雜微前端架構的各類應用。本技能專為軟體工程師與全端開發者設計，旨在標準化專案結構、實現伺服器端渲染 (SSR)，並運用如 Server Components (RSC) 與部分預渲染 (PPR) 等進階 React 模式。

• 提供基於 Next.js App Router 的全端 React 能力，支援 SSR、SSG、ISR 及串流伺服器組件。

• 使用 Turborepo 進行進階單體庫 (Monorepo) 管理，透過高效的任務管線、遠端緩存與平行執行來縮短 CI/CD 時間。

• 整合超過 3,100 個 RemixIcon SVG 圖示，涵蓋線框與實心風格，確保 UI 設計一致性。

• 在專案各層級實現無縫的 TypeScript 整合，包含共用的 Monorepo 套件與設定檔。

• 為獨立應用程式及包含設計系統的複雜多套件儲存庫提供優化的構建策略。

• 非常適合開發多租戶平台、帶有共用組件庫的內部工具集，或高效能行銷網站的新創團隊。

• 使用者需熟悉 React 生態系與 Node.js 環境，建議具備基礎的工作區管理 (npm, yarn, pnpm) 知識。

• 輸入通常涉及架構設計選擇、UI 需求與 API 整合端點，輸出則為生產環境就緒且具備高緩存效能的網頁部署。

• 實務限制包含需遵循 Next.js 的資料獲取模式，並謹慎設定 turbo.json 以避免管線瓶頸。

• 請確保優先使用官方 React 組件或優化的 CSS-in-JS 模式導入圖示，以兼顧效能表現與無障礙合規性。