實作指南
用 AI 做一個登入系統
登入系統=驗證「你是誰」+授權「你能做什麼」;用 AI 也要把安全規則講清楚,它才不會產生有洞的程式。
一個能註冊、登入、登出,並依角色控制權限的系統雛形,而且你知道哪些安全規則不能省。
用 AI 設計資料庫
資料庫設計=先想清楚要存哪些東西、彼此怎麼連,再讓 AI 把欄位與關聯寫成資料表。
一份說得清楚的資料表草稿(欄位、型別、關聯、索引),可以直接交給 AI 產生 migration。
Cloudflare vs Vercel 新手怎麼選
Vercel 上手快、最懂 Next.js;Cloudflare 免費額度大、邊緣運算與資料庫整合強。看你重視什麼。
一個清楚的判斷:你的專案該選哪個平台,以及選了之後第一步要做什麼。
從一個表單長成 CRM
別一開始就做大系統。先用表單收資料,需要時再加列表、登入、權限——CRM 是長出來的,不是一次蓋好的。
一條從表單到 CRM 的升級路徑,知道每個階段該加什麼、以及什麼訊號代表該進下一步。
部署到 Cloudflare Pages
Cloudflare Pages 連上你的 Git,之後每次 push 就自動 build 並上線——上線不該是一件難事。
一個連上 Git、每次 push 自動部署的網站,並掛上你自己的網域,全程在免費額度內。
選資料庫:D1 vs Postgres vs SQLite
SQLite 最簡單、Postgres 最全能、D1 最貼 Cloudflare。多數新手專案,先選最簡單能用的那個就好。
一個清楚的判斷:你的專案該用哪個資料庫、為什麼——不再被選擇癱瘓。
做一個能收 email 的聯絡表單
收訪客來信看似簡單,難在「靜態網站沒有後端」——這篇講誰來收這封信,以及怎麼防濫用。
一個能收到訪客來信的聯絡表單,並知道靜態站該用哪種方式接收、要做哪些防濫用。
用 AI 加上付費:Stripe 金流概觀
金額、成功與否、重複付款都要對——這篇講金流的關鍵零件,以及為什麼「付款成功」要以後端 webhook 為準。
看懂金流的關鍵零件(Checkout、webhook、對帳),知道哪些絕不能讓前端決定。
讓 Google 找到你:SEO 新手入門
SEO 不是魔法,是「讓 Google 容易找到、容易看懂你的網站」——先把基本做對,內容才有機會被看到。
知道讓網站被搜尋引擎收錄與理解的幾件基本事,以及哪些是浪費時間的迷思。
AI 寫的程式壞了怎麼辦:除錯入門
除錯不是用猜的,是「縮小範圍 + 把正確線索餵回 AI」;學會這套,AI 才修得動。
一套面對壞掉程式的固定步驟:怎麼讀錯誤、怎麼縮小範圍、怎麼把有用的線索給 AI 修。
API 金鑰與密碼放哪:secret 管理入門
secret 一旦進到前端或版本控制就等於公開——這篇講該放哪、怎麼用、外洩了怎麼救。
知道金鑰 / 密碼該放哪(環境變數 / 平台 secret)、絕不能放哪,以及外洩後的正確補救。
用 Git 管理你的程式:新手入門
Git 是你程式的「存檔點 + 時光機」——學會幾個基本動作,就敢大膽改、隨時退回。
能用 Git 存下進度、看歷史、回到之前能動的版本,並安全地跟雲端同步。