老舊的 B2B 貿易商網站
Dekso International LLC 是一個典型的 B2B 貿易商網站，它的公司網站已經運行超過十年，早期建置採用WordPress 的架構。網站整體內容相當單純，僅包含約八個靜態頁面，以及一個基本的 Contact Us 聯絡表單。這個網站長期以來主要承擔公司對外資訊展示的角色，並沒有複雜的系統需求。然而，隨著時間推移，原本的 WordPress架構逐漸開始出現各種問題，也讓這個網站從「資產」變成「負擔」。
背景：
- 使用超過 10 年的 WordPress 架站
- 網站架構單純（約 8 頁靜態頁面）
- 無複雜功能，僅包含一個聯絡表單
- 採用舊版模板 theme，已無法支援新版 WordPress
資安風險 & 跑版問題
首先最常遇到的是資安風險。網站頻繁遭受攻擊，甚至多次出現整站無法正常運作的情況，直接影響公司形象與潛在商機。另一方面，原本使用的 WordPress theme 已無法支援新版系統，導致版面跑版與顯示錯誤，進一步降低網站專業度。
但更核心的問題，其實來自架構本身的不適合。對於一個只有幾頁靜態資訊展示為主的 B2B 貿易商網站而言，使用具備強大完整後台、資料庫與登入機制的 WordPress CMS 系統，反而帶來不必要的複雜度與風險。這些多餘的功能，不僅增加維護成本，也成為駭客攻擊的入口。
挑戰：
- 網站頻繁遭受攻擊，導致服務中斷
- 舊有 WordPress theme 不相容新版系統，造成版面錯亂
- 維護成本與風險持續增加
- 客戶需求簡單，但現有架構過於冗重
打掉重建一個無資料庫、SEO優化的 Jamstack 架構網站
本專案的關鍵在於回歸本質，重新思考「這個網站真正需要的是什麼」。最後決定採用 Jamstack 架構，將整個網站重建為純靜態網頁，符合 SEO 優化需求，徹底移除後端系統與資料庫不再使用 Wordpress架構。
在技術選擇上，前端使用 Astro 搭配 AstroWind 模板，快速打造出兼具專業設計與高效能的網站介面；部署則透過 Cloudflare Pages 完成，確保全球穩定與高速存取；而原本的 Contact Us 表單，則改以 Web3Forms 的 serverless 機制實現，讓使用者提交的訊息能直接寄送至公司負責人的 Email，完全不需要後端支援。
解決方案：
專案採用「最低成本 + 高安全性」為核心策略，全面重建網站架構：
- Jamstack 靜態網站架構
- 無 CMS、無後端、無資料庫
- 徹底消除駭客攻擊入口
- 技術選型
- Frontend: Astro（搭配 AstroWind Theme）
- Hosting: Cloudflare Pages
- 表單服務: Web3Forms（Serverless Email 傳送）
- 核心設計理念
- 將網站轉為純靜態頁面（Static Site）
- 聯絡表單直接將訊息寄送至公司負責人 Email
- 不建立任何可被攻擊的後台系統
在開發流程上，本專案也使用了AI 輔助設計與開發。從一開始的網站雛形構思，網站使用的影像圖檔跟影片，都是透過生成式 AI 快速產生 prototype，並以此作為與客戶溝通的基礎，再逐步轉化為實際可部署的網站。這個過程可以參考以下展示影片：
透過這樣的流程，設計與開發之間的落差被大幅縮短，不僅提升溝通效率，也讓整體專案能在更短時間內完成。同時，最終網站程式碼部署於 GitHub，並與 Cloudflare Pages 串接，建立自動化部署機制，未來只需更新程式碼，即可即時同步網站內容。
開發流程：
- 將 AstroWind Template 程式碼部署至 GitHub
- 根據既有提案 Prototype（由 AI 工具產出）進行客製化調整
- 專案開發過程導入 AI Vibe Coding 流程，加速開發效率
- 透過 GitHub 與 Cloudflare Pages 完成自動化部署（CI/CD）
- 設定自有網域並完成 Cloudflare 綁定
- 未來 GitHub 上程式碼有任何更新，即可自動同步網站內容
網站效能、安全性 & SEO 提升
網站重建完成後，最明顯看到的就是穩定性與安全性。由於完全移除了後端與登入機制，網站不再暴露攻擊入口，也因此不再出現過去頻繁當機的問題。
在效能方面，Cloudflare的 CDN服務，加上靜態網站的特性讓頁面載入速度大幅提升，使用體驗更加流暢，同時也對 SEO 帶來正面影響。成本上，整體架構完全建立於免費服務之上，每月維運成本降為零，對企業而言極具效益。
總結與建議
對於 B2B網站這類，網站內容不複雜，只以資訊展示為主，選擇合適的架構遠比追求功能完整更重要。過度使用 CMS，反而可能帶來安全與維護上的負擔。
Jamstack 架構提供了一種更簡潔而且高效率的替代方案，不僅能同時解決安全、效能與成本問題，也讓網站維護變得更方便省時。
此外，整個專案都是透過 AI進行，從圖片影片產生，網站 prototype，網站部署開發上線，約兩到三週完成。AI 已經不只是輔助工具，而是可以實際參與從設計到開發的完整流程。透過 AI 快速生成 prototype，再銜接實際開發，不僅能提升效率，也能讓專案在初期就更貼近客戶需求，這樣的工作模式，會是我們未來專案的標準做法。