[Meta-Scrum]透過 Vibe Coding 打造 2026 個人品牌網站

我們不只是在「寫程式」，我們是在建立一套 「範疇基準 (Scope Baseline)」 並執行嚴謹的迭代循環。

身為 PMP，每一項技術選擇都是「效能」與「擴充性」之間的權衡，這是我在專案中贏下的三大戰役：

• 路徑式語系策略 (i18n)：我堅持使用 Path-based 路由 (/[lang]) 而非簡單的狀態切換。雖然這增加了 Middleware 的邏輯複雜度，但確保了中英文版具備獨立的 SEO 權重——這對於建立全球化品牌是不可妥協的底線。
• SEO 的去中心化管理：我拒絕將 SEO 寫死在代碼中，而是透過 Sanity CMS 建立動態 generateMetadata 函式。這體現了「營運靈活性」：我可以根據最新的 ESG 趨勢隨時更新關鍵字，而無需觸動任何程式碼。
• 數據驅動的監控管制：配置 sitemap.ts 與 Google Search Console 不只是為了技術達標，更是為了建立 「回饋迴路 (Feedback Loop)」。透過 GA4 即時數據，我能精準分析訪客對「永續發展」或「專案管理」哪一部分內容更感興趣。

本專案重新定義了我對開發的理解。透過 「意圖即語法 (Intent as Syntax)」，我指揮 AI 處理了大量繁瑣的樣板代碼，而將心力集中在系統架構與邏輯流向。

無論是處理 Middleware 的路由干擾，還是自動化 XML 地圖生成，開發過程聽起來更像是 「指揮家 (Orchestrating)」 而非單純的打字員。

最終交付的不是一個靜態網頁，而是一個具備高度成長性的品牌資產：

• Lighthouse 效能測量：全項目 90+（效能、SEO、無障礙）。
• 真正的國際化實踐：無縫的中英文導航與內容同步。
• 自動化監控系統：具備 GA4 與 GSC 自動索引的「設定即忘」營運模式。

結論：這不只是一個網站，這是一個可以隨時應對市場變化的品牌中樞。