零建置流程 React + GAS 開發法

🧱 零建置流程 React + GAS 開發法
不用租主機、不用架資料庫，也能做出真的上線能用的網頁工具

想幫團隊做個內部工具，一聽到要租主機、要管資料庫就打退堂鼓？這套Skill教你的AI用 HTML + React 18（CDN引入）+ Google Apps Script + Google Sheets，全程零主機成本、零建置步驟——已在兩個真實正式運作的專案裡驗證過。

📊 它能做什麼
📝 兩種React CDN寫法 — 純JS React.createElement vs Babel即時編譯，各自優缺點比較
🔌 GAS後端標準做法 — doPost/doGet action路由設計、統一回應格式、Sheet讀寫模式
🚀 完整部署流程 — GitHub Pages前端 + GAS後端，兩者怎麼串接
🕳️ 常見坑教學 — 最容易忽略的 fetch no-cors 讀不到回應內容問題，教你用「寫入後重新查詢驗證」而不是用猜的
✨ 它的獨特之處
附可直接打開的起始骨架 — 不是純文字說明，給一份雙擊就能看到畫面的 HTML 範本
老實告訴你什麼時候別用 — 需要真正資料庫交易保證、高並發寫入、複雜關聯查詢的情境，Skill會直接建議換方案，不硬凹
🚀 如何使用

⚠️ 使用須知
適合中小團隊內部工具、單一公司小型SaaS。資料量在一張 Google Sheet 撐得住的範圍內（數千到數萬列沒問題），需要嚴格多租戶隔離或高並發寫入的場景不適用。

Agent Name：No-Build React + Google Apps Script Stack

Short Description：
Ship a real web tool with zero hosting cost — React via CDN, Google Apps Script as backend, Google Sheets as database. No npm, no webpack, no server bill. Proven in 2 production apps.

Category：Developer Tools / Web Development　Tags：react, google-apps-script, no-code-backend, zero-cost, web-app