Vercel 微前端
將大型應用程式拆分為可獨立部署的單元，並使其呈現為一個統一的應用程式。Vercel 透過 microfrontends.json 在其全球網路上處理路由。
核心概念： 預設應用程式（擁有 microfrontends.json，處理未匹配請求）· 子應用程式（擁有 routing 路徑模式）· 資產前綴（防止靜態資產衝突）· 獨立部署。
支援的框架： Next.js（App Router + Pages Router）、SvelteKit、React Router、Vite — 全部透過 @vercel/microfrontends。
CLI（vercel microfrontends / vercel mf）：
create-group— 建立新群組；預設為互動模式，或使用--non-interactive完全非互動模式（選項：--name、--project（可重複）、--default-app、--default-route、--project-default-route（可重複，格式：<專案>=<路徑>，非互動模式下每個非預設專案都需要）、--yes跳過確認提示）；注意：如果新增專案會超出免費方案限制，則會阻止--non-interactive模式 — 使用者必須以互動方式確認帳單變更add-to-group— 將目前專案新增到現有群組；需要互動式終端機（選項：--group、--default-route）remove-from-group— 從其群組中移除目前專案；需要互動式終端機（選項：--yes僅跳過專案連結提示）delete-group— 刪除群組及其所有設定，此操作不可逆；需要互動式終端機（選項：--group預選群組）inspect-group— 擷取群組元資料（專案名稱、框架、Git 儲存庫、根目錄）；有助於自動化設定（選項：--group、--format=json、--config-file-name）pull— 拉取遠端microfrontends.json以供本地開發使用（選項：--dpl）microfrontends proxy— 本地開發代理 ·microfrontends port— 顯示自動分配的連接埠
尋找詳細資訊
此技能在 references/ 目錄中包含詳細的參考文件。請不要一次讀取所有參考資料。 相反地，當使用者詢問特定主題時，請搜尋或 grep 相關的檔案：
| 主題 | 參考檔案 |
|---|---|
入門指南、快速入門、框架設定、microfrontends.json 結構、欄位、命名、範例 | references/configuration.md |
| 路徑表達式、資產前綴、功能標幟控制的路由、中介軟體 | references/path-routing.md |
| 本地代理設定、多儲存庫配置、Turborepo、連接埠、部署保護 | references/local-development.md |
檢查群組（inspect-group）、新增/移除專案、備用環境、導航、可觀測性 | references/managing-microfrontends.md |
測試工具（validateMiddlewareConfig、validateRouting 等）、除錯標頭、常見問題 | references/troubleshooting.md |
| 部署保護、Vercel Firewall、微前端的 WAF 規則 | references/security.md |
當使用者詢問特定主題時，請使用 grep 或搜尋相關的參考檔案來尋找答案，而不要將所有參考資料載入上下文。