框架遷移
Next.js 至 Nuxt.js 全面架構遷移與效能優化工程
關鍵成果:
- 全面主導原 Next.js 平台專案架構遷移至 Nuxt.js,大幅提升專案整體穩定性與長期可維護性。
- 完整執行舊架構專案底層環境遷移至新架構,建置各環境執行流程及核心功能(包含遊戲開啟、socket 連線等關鍵機制)。
- 成功遷移各站點及各模板環境設定,確保系統整體一致性與穩定運行。
- 深度整合新舊 API 格式及請求方式,建立無縫接軌的資料交換機制。
- 採用標準 SSR 開發模式,使用者訪問效能平均提升 100% 以上,LCP 載入時間從 7 秒大幅縮短至 3 秒。
- 建立並導入完整的團隊開發規範(ESLint、StyleLint),有效降低開發過程中錯誤撰寫發生頻率,提升程式碼品質與協作效率。
- 導入 gzip 檔案壓縮機制,成功將程式檔案大小從 132MB 壓縮至 21MB,降低約 84% 的檔案體積。
- 運用 SonarQube 服務進行重構過程品質檢查,即時發現並修正潛在錯誤,確保程式碼品質標準。
- 開發部署自動化腳本系統,並與 SRE 團隊密切協作完成完整的部署測試流程驗證。