AI 科技資訊人工智慧的新知入口
首頁 / 用 AI Agent 寫網站的心得：TypeScript 還是老派 PHP MySQL？從 Bun Hono 到 Drupal 的技術選型指南
AI 工具AI 產業

用 AI Agent 寫網站的心得：TypeScript 還是老派 PHP MySQL？從 Bun Hono 到 Drupal 的技術選型指南

分享有了 AI Agent 輔助後的網站開發心得。探討個人筆記站與多人維護站的技術選型，分析為何個人推薦用 AI Agent 搭配 Drupal bootstrap，並說明 Docker、Composer 與 Drush 的建置起手勢。

本文導覽
  1. 一句話重點
  2. 它解決什麼問題？
  3. 核心特色與選擇思維
  4. 它與傳統開發方式有什麼不同？
  5. 非工程背景的人需要知道什麼？
  6. 適合誰使用？
  7. 可能不適合誰？
  8. 目前可以怎麼開始？
  9. 我們的觀察
  10. 來源

自從有了 AI Agent 輔助寫程式，網站開發的藩籬被徹底打破。過去需要苦思語法與架構的過程，現在只要將想法告訴 AI，就能開始天馬行空地打造各種網站與應用。

然而，在 AI 時代下，我們該選擇現代化的 TypeScript 堆疊，還是繼續沿用老派但極度成熟的 PHP + MySQL 生態系？

AI Agent 讓程式學習與開發的曲線徹底變平了，關鍵不再是能不能寫出 code，而是針對不同情境選對最合適的技術架構。

一句話重點

個人筆記與新聞輕量站首選 Bun + Hono + SQLite（TypeScript 堆疊）；若為多人維護與商業營運站，則推薦使用 Drupal（PHP 堆疊），並搭配 Docker + Composer + Drush 的起手勢，讓 AI Agent 幫你快速打理。

它解決什麼問題？

傳統網頁開發常陷於兩難：

  1. 從零手刻後台耗時耗力：如果網站需要權限管理、內容類型與複雜欄位，自己寫後台很容易成為維護災難。
  2. CMS 搬家與維護痛點：部分 CMS（如 WordPress）因資料庫充斥絕對路徑，換網域或從測試站（Staging）移至正式站（Production）時常面臨網址斷裂問題。

透過 AI Agent 結合明確的技術選型，能根據「網站規模」與「維護人數」極速搭建最穩健的架構。

核心特色與選擇思維

1. 個人輕量站：推 Bun + Hono + SQLite (TypeScript)

如果網站目標只是自己寫筆記、做個人部落格或輕量新聞資訊站，不需要複雜的權限控制：

  • Bun + Hono：啟動速度極快、記憶體占用極低，TypeScript 的強型別讓 AI 寫出的程式碼幾乎沒有 Bug。
  • SQLite：單一檔案即可運作，備份與搬家只需複製檔案，省去維護大型資料庫伺服器的麻煩。

2. 多人營運與商業站：老派 PHP + CMS (Drupal / WordPress)

若網站未來有多人共同維護的需求，就不建議從零手刻後台。直接使用現成的 CMS 框架，透過模組（Modules）與外掛（Plugins）擴充，對團隊維護最方便分工。

在 WordPress 與 Drupal 的對決中，個人更傾向於 Drupal 派：

比較項目 WordPress Drupal
上手門檻 較輕簡、普及度高 傳統學習曲線較陡（現已被 AI Agent 補平）
網域與搬家維護 資料庫常存絕對路徑，換 Domain 或測試站轉正式站維護較煩瑣 使用相對路徑與強大配置系統，搬家極度輕鬆
Slug 與別名管理 簡易，但彈性較有限 Slug 與 Pathauto 維護極其強大，架構清晰
內容類型彈性 需依賴外掛擴充 CPT 最新版 Drupal 不安裝預設內容類型，完全自由定義

3. Drupal 的 AI Agent 起手勢

過去許多人因為學習曲線高而對 Drupal 卻步，但現在有了 AI Agent，體驗完全不同！建置 Drupal 的標準起手勢如下：

  1. Docker 環境搞定：透過 Docker 把 PHP、Composer 與 Drush 的執行環境封裝好。
  2. SSH 指揮 AI Agent 安裝主版型：連線 SSH，直接下指令讓 AI Agent 使用 Composer 與 Drush 自動下載並啟用 Bootstrap 5 主版型。
  3. 客製化子版型（Sub-theme）：請 AI Agent 根據你喜好的視覺風格，快速衍生客製化的子版型 CSS 與 Template。
  4. 自由定義內容欄位：最新版 Drupal 給予開發者完全自由，你想做什麼欄位，直接讓 AI Agent 在控制台或透過 CLI 建立即可。
# 透過 SSH 與 Drush 指揮 AI Agent 快速啟用主版型
drush theme:enable bootstrap5
drush config-set system.theme default bootstrap5

它與傳統開發方式有什麼不同？

  • 過去：為了學習 Drupal 的 Hook 機制與模組架構，工程師需要花費數週閱讀文件。
  • 現在：有了 AI Agent 後，學習曲線被大幅拉平。開發者只需理解架構邏輯，下達需求指令給 AI Agent，就能在數十分鐘內完成以往需要數天建置的企業級 CMS。

非工程背景的人需要知道什麼？

  • 不要怕老派技術：PHP + MySQL 雖然誕生已久，但生態系極度成熟，安全更新與社群資源豐富。
  • 選對工具事半功倍：想快速做小東西選 Bun/TypeScript；想做長期經營且多人管理的平台選 Drupal，能為你省下幾百個小時寫控制後台的時間。

適合誰使用？

  • 想用最快速度搭建個人知識庫的人：推薦使用 TypeScript (Bun + Hono + SQLite)。
  • 需要建構企業網站或內容平台的團隊：推薦使用 Docker + Drupal，讓 AI Agent 負責繁瑣的裝機與設定。

可能不適合誰？

  • 完全不願意接觸 Command Line (SSH) 的使用者：若不想了解 Docker 或 CLI 指令，使用傳統虛擬主機的全圖形化安裝或許更適合你。

目前可以怎麼開始？

  1. 確定網站定位：個人輕量站選 Bun/Hono；團隊營運站選 Drupal。
  2. 準備 Docker 環境：建立包含 composer 與 drush 工具的容器。
  3. 喚醒 AI Agent：透過 SSH 連線，指示 AI Agent 執行裝機、主題載入與欄位結構規劃。

我們的觀察

AI Agent 帶來最大的變革，在於打破了技術堆疊的學習門檻。過去因為難度高而被忽略的強大工具（如 Drupal），現在都能在 AI Agent 的輔助下輕鬆駕馭。不必再糾結於語言的優劣，根據情境選擇最能保護你時間與維護成本的架構，才是 AI 時代最聰明的開發策略。

來源

延伸閱讀