五金品牌形象官網
2023
業主是台灣在地經營多年的五金品牌——紀氏五金（Keebrother），主要販售各類五金零件與工具。過去以實體通路為主，原有網站使用 WordPress 架設，希望透過建置全新品牌形象官網，提升品牌專業形象與客戶信任感。
本專案的核心挑戰之一是從 WordPress 完整遷移超過 400 筆產品資料至全新系統，包含產品圖片、分類、描述等格式。透過精心設計的匯入流程，確保遷移過程零資料遺失。
整個專案採用前後端分離架構，後端以 Laravel 負責資料處理與 API 服務，前端使用 Nuxt3 框架建置。我們負責開發內部後台與 30+ 支 API 供前端使用，專案包含完整的內容管理系統。
從 WordPress 舊站完整遷移至全新架構，保持所有資料完整性，包含產品資料、圖片、分類等，順利從舊系統轉移到新平台
無縫接軌雲端儲存，提供穩定的檔案管理服務，確保媒體資源的高可用性
自動生成互動式 API 文件，提升開發協作效率，語法比 Swagger 簡單許多
支援圖片、影片等多種媒體格式的智能轉換，包含 YouTube 影片嵌入轉換
此專案幾乎所有資料都是透過 API 處理，後台可以對全部資料做 CRUD。採用 RESTful API 設計原則，提供完整的資源操作介面。
因為舊網站是 WordPress，在資料遷移上透過精心設計的匯入流程，處理富文本編輯器中的圖片路徑、YouTube 影片嵌入轉換、以及多種檔案格式，確保所有資料都能正確轉移到新系統。
此專案嘗試了之前沒用過的服務：
Scribe 超級實用，語法相比 Swagger 簡單非常多。對前端非常友善，最喜歡的功能是可以產生相對應的程式碼給前端工程師複製貼上，大幅加速雙方的開發流程。文件會自動從程式碼註解生成，保持文件與程式碼的同步性。
專案前端使用 Nuxt3，採用 SSG（Static Site Generation）靜態生成模式，預先產出所有頁面的靜態 HTML，確保搜尋引擎能夠正確索引網站內容，同時也提供優秀的載入速度與效能表現。部署到 Netlify 後，享受到了 CI/CD 自動化部署的便利性。
