這一個月來我做了什麼：

前置規劃

• 思考整體資訊架構、CIS 色彩、UI 排版
• Figma - 從線稿到 mockup
• 單一專案作品集呈現，想要傳遞的內容 > CAR 子彈型架構
  • 大量參考 Behance 和 Pinterest
  • Figma mockup 套件 https://www.figma.com/community/file/1172125330560103197
  • Figma mockup 套件 https://www.figma.com/community/plugin/1305891870034170272/imockup

開發技術

• Nuxt 3 + Vuetify 運用
  • 整合 @nuxt/image-edge 處理圖片載入與壓縮
• 元件模組化管理
  • 將所有作品資料集中管理（統一在一個陣列中）
  • 將重複元件（例如按鈕、卡片）抽成 CustomButton、ProjectCard
• 第三方 API 串接
  • Email Js
  • Github Api
• SSH Key 建立與 Git 推版流程
• 部署流程（Vercel / GitHub Pages / Netlify）
• SEO 設定與網站優化
  • meta / og 標籤設定實測結果
  • Lighthouse

也遇到不少問題，像是：API 404、圖片顯示不出來、PDF 無法在網站中預覽、或 baseURL 設定錯誤導致資源抓不到。
每一個小錯誤都逼我回去測試、重 build，一次次修正，雖然累但很有成就感。

後續優化項目

默默覺得還可以更好啦！

1. 增加外部連結，提升 google 搜尋結果
   • NavBar 右側加上 Github 連結＆聯絡我按鈕
2. 改善載入效能
   • 提高 Lighthouse Performance 分數
3. 為網站加上中英切換鈕

成果揭曉

https://my-portfolio-2025-mauve-zeta.vercel.app/