為什麼這兩個技術一直被拿來比較?
WordPress 統治了全球 40%+ 網站、Next.js 是現代 React 框架的代表。兩個東西的目標客群其實有重疊但不完全相同 — WordPress 是「給內容創作者的網站工具」、Next.js 是「給工程師打造現代 Web 應用的框架」。
為什麼還是會被比較?因為對很多中小企業老闆來說,他們不在乎技術 — 他們在乎「我的官網用什麼做最好」。這時 WordPress(用了 20 年的選項)跟 Next.js(過去 5 年崛起的新貴)成了兩個主流答案。
下面用 6 個維度 × 5 種網站類型攤開講,並在文中提供互動切換的比較表。
6 維度比較(先看每個維度的本質)
在情境化比較前,先理解每個維度兩者的根本差異:
- 上線速度:WP 用主題 1-2 週上線;Next.js 客製 4-6 週。但 WP「快上線」可能換來「長期維護」的麻煩。
- 效能:Next.js 預設 SSG/ISR + Edge CDN,全方位輾壓 WP。WP 要堆 5+ 個 cache 外掛才能達到接近水準。
- SEO:兩者都能做到頂,但路徑不同。WP 靠 Yoast/RankMath 外掛、Next.js 靠 metadata API + 自寫 JSON-LD(控制力更強)。
- 後台:WP 後台是業界標準,編輯熟悉度高;Next.js 接 headless CMS(Sanity / Payload)需要學新介面。
- 安全:WP 是被駭重災區(外掛漏洞、過時主題);Next.js 部署 Vercel / Cloudflare,attack surface 極小。
- 長期成本:WP 主機 + 外掛年費 NT$ 8000-15000;Next.js 部署免費 / 極低。但複雜功能 WP 外掛現成、Next.js 要自己寫。
WordPress vs Next.js — 看你的情境誰贏
選擇你的網站類型,下方 6 個維度即時計算誰更勝任 + 為什麼。
你的網站類型:
🏢 情境:企業形象官網
上線速度
打平兩者都能 4 週上線。差別:WP 用既有主題改、Next.js 客製設計。看是否要設計感。
效能 / Core Web Vitals
Next.js 勝Next.js 預設靜態化、CDN-friendly,秒開。WP 預設動態 PHP,要做 cache 才快。
SEO 友善度
Next.js 勝Next.js 預設 SSR 友善爬蟲、Core Web Vitals 容易過、可細控 schema。WP 要堆外掛達標。
後台 / 內容編輯
打平WP 後台簡單;Next.js + Sanity / Payload 也能給可自改後台,UI 現代但要設定。
安全性 / 維運
Next.js 勝WP 要每月更新外掛 / 核心 / PHP 版本。Next.js 部署後幾乎不用維運。
長期成本(3-5 年)
Next.js 勝Next.js 部署 Vercel 免費 + 主機 0 元。WP 需要 NT$ 8000-15000 / 年的主機 + 外掛 + 維運。
5 種網站類型 × 怎麼選
下面是按情境的推薦。這個邏輯也是 baixeng 在客戶諮詢時實際用的判斷框架:
情境 1:內容密集媒體 / 部落格 → WordPress
如果你的網站「核心是內容更新」(每週 5+ 篇文章、有編輯團隊、要持續發布),WordPress 是最合適的選擇。
原因:(1) 後台 Gutenberg 編輯器是業界標準,編輯不用學新工具;(2) 多人協作、權限管理、審核流程的外掛成熟;(3) 圖庫管理、SEO 外掛(Yoast)、相關文章推薦這些都是「拿來就用」。
Next.js 雖然能做到同樣功能,但要接 Sanity / Strapi / Payload,後台介面跟 WordPress 不同,編輯團隊要重新學習。除非有特殊需求(例如效能極限、複雜資料模型),否則內容站建議 WordPress。
情境 2:企業形象官網 → Next.js(強烈推薦)
企業官網(公司介紹 + 服務 + 聯絡)的特性是「內容更新頻率低、要看起來專業有設計感、長期擁有 5-10 年」。這是 Next.js 最強的場景。
原因:(1) 客製設計能呈現品牌獨特感(WP 主題會撞臉);(2) Core Web Vitals 預設綠燈,SEO 加分;(3) 部署 Vercel 免費、長期維運成本接近 0;(4) 不會被駭(不像 WP 三天兩頭外掛漏洞);(5) 5 年後不用大改版(WP 因為外掛 / 主題版本相容問題,平均 3 年要重做)。
看似前期成本高(Next.js NT$ 10-25 萬 vs WP NT$ 5-15 萬),但長期 5 年 TCO(Total Cost of Ownership)Next.js 反而便宜。
情境 3:中小型電商 → WordPress (WooCommerce)
如果是中小型電商(< 5000 商品、訂單量 < 1000 筆 / 月),WooCommerce + WordPress 仍是最划算的選擇。
原因:(1) 金流(綠界、藍新、LINE Pay)外掛現成可用;(2) 物流(黑貓、新竹、7-11)整合外掛完整;(3) 庫存、優惠券、會員、訂單流程不用自己寫;(4) 第三方功能(推薦商品、追蹤購物車)外掛多。
Next.js 做電商需要接 Medusa / Shopify Hydrogen / 自建後端,前期工時是 WP 的 3-5 倍。除非有特殊需求(極高流量、高度客製、需要 PWA 體驗),否則中小電商建議 WP。
高流量電商(每天 10000+ 訪客 / 月 1000+ 訂單)才值得花成本上 Next.js + headless commerce 架構。
情境 4:SaaS 產品官網 + 文件站 → Next.js
SaaS 產品的特性:產品儀表板自己做、官網要呈現品牌 + 行銷頁 + 文件站。Next.js 在這裡幾乎沒對手。
原因:(1) 行銷頁 + 文件站可以共用 codebase(用同一套設計系統);(2) 文件站可用 Markdown / MDX 寫作,工程師熟悉的 GitHub flow;(3) 跟產品儀表板的 React 程式碼共用元件、工具;(4) 效能 / SEO 全方面碾壓 WP(Vercel / Cloudflare 部署)。
看現在的 SaaS 公司官網(Stripe、Linear、Vercel、Notion)幾乎全部 Next.js 系。WP 在這個場景已經不是選項。
情境 5:需要客製功能(會員、API、工具站)→ 看複雜度
需要客製功能的網站要看複雜度:
- 簡單會員系統 + 內容權限:WP 外掛(MemberPress、LearnDash)現成,1-2 週上線。
- 複雜業務邏輯(多角色、權限、工作流):Next.js 自己寫反而比凹 WP 外掛快。WP 外掛拼湊容易「能用但難改」。
- API 服務 + 第三方整合:Next.js 用 API routes 直接寫,原生支援。WP 要寫 plugin 或用 WP REST API(不夠靈活)。
- 工具站(計算機、轉換器、查詢系統):Next.js 客戶端互動好做、效能優。WP 要寫 plugin,受限。
常見問題
- Q. 我已經有 WordPress 站想換成 Next.js,遷移成本多少?
- 看複雜度:(1) 純內容站(10-50 篇文章)— NT$ 10-20 萬,4-6 週,內容用 markdown 匯入,外掛功能用 React 寫;(2) 內容站含會員 / 評論 / 訂閱 — NT$ 25-50 萬,2-3 個月;(3) 電商站 — 通常不建議遷移,因為 WooCommerce 生態複雜,重新做電商成本可能 NT$ 50 萬+。建議:純品牌站 / 內容站值得遷移,電商站除非高流量否則不建議。
- Q. WordPress 真的那麼容易被駭嗎?
- 看怎麼用。健康的 WP 站(核心+外掛即時更新、用 SiteGround / WP Engine 託管、開 Wordfence、用強密碼)被駭機率低。但中小企業常見地雷:(1) 外掛沒更新;(2) 用免費盜版主題;(3) 主機是 Bluehost / GoDaddy 共用主機(攻擊一次中一片);(4) 沒備份。Next.js 因為部署在 Vercel / Cloudflare 預設 serverless + edge,沒有「外掛漏洞」這個攻擊面,安全性高 1-2 個量級。
- Q. Headless WordPress(用 WP 當後台 + Next.js 當前端)這個方案怎樣?
- 技術上可行但實務上不推薦中小企業。優點:保留 WP 後台、得到 Next.js 效能。缺點:(1) 雙系統維護成本高;(2) 兩邊都要會的工程師難找 / 貴;(3) 部署複雜度大幅提升;(4) 現代 headless CMS(Sanity / Payload / Contentful)介面反而比 WP 好用。除非團隊已經很熟 WP 不想學新東西,否則直接全 Next.js + Sanity 比 Headless WP 划算。
- Q. Next.js 學習曲線會不會太陡?工程師難找?
- Next.js 的核心是 React,所以學 React 的工程師都能上手。台灣 React 工程師資源比 WP 開發者多 1.5-2 倍(特別是有經驗的)。WP 反而越來越少新工程師願意學(被認為是「老技術」)。長期來看,Next.js 工程師資源只會更多、WP 資源萎縮。
- Q. 做 WP 站長期維護費要多少?跟 Next.js 比?
- WP 年維護費(健康做法):主機 NT$ 6000-15000、外掛年費 NT$ 5000-15000、定期更新工時 NT$ 5000-15000、備份方案 NT$ 3000-6000。總計 NT$ 19000-51000 / 年。Next.js 年維護費:Vercel 部署 0-NT$ 6000、CMS(Sanity / Payload)0-NT$ 30000、定期更新工時極低(沒外掛要更新)。總計 NT$ 0-36000 / 年。長期 5 年差距:WP 約 NT$ 100000-250000,Next.js 約 NT$ 0-180000。Next.js 普遍便宜 30-50%。
- Q. WordPress 5.0+ 的 Gutenberg 編輯器真的可以取代 Next.js 嗎?
- Gutenberg 大幅改善了 WP 的編輯體驗(區塊化、可視化),讓內容站更好用。但這只解決了「後台編輯體驗」一個層面,沒解決效能、安全、長期維護的根本差異。所以 Gutenberg 讓 WP 在「內容站」場景更強了,但企業官網、SaaS、客製功能場景,Next.js 仍是更好的選擇。