五金品牌形象官網
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 自動化部署的便利性。
舊站以 WordPress 架設，隨著產品資料量增加，客製化程度與擴充彈性受到套版限制。改採 Laravel 負責資料處理與 30+ 支 API，前端以 Nuxt3 SSG 靜態生成，能針對五金產業的產品分類、規格展示做客製化設計，同時保有更快的載入速度與更好的 SEO 表現。
本專案於 2023 年 3 月完成，核心挑戰是從 WordPress 完整遷移超過 400 筆產品資料（含圖片、分類、富文本描述、YouTube 影片嵌入），並開發 30+ 支 API 供前端使用。這類含大量既有資料遷移與前後端分離架構的品牌官網，開發時程一般落在 8–12 週，實際天數依舊資料的乾淨程度而定。
可以。處理富文本圖片路徑轉換、YouTube 影片嵌入轉換、多種檔案格式匯入的流程，都是與五金產業無關的通用資料遷移作法，只要業主現有網站是 WordPress、且希望改採客製化前後端分離架構，都能套用同樣的遷移流程與 API 設計模式。
