基於 Y Build 建構 親手建構這個應用 —— 從提示到部署,綁定你自己的網域。 免費開始
建構上線對比實驗室關於 開始建構 →
上線

把 AI 建構的應用部署到你自己的網域

一個預覽 URL 不是產品。在 Cloudflare Pages、Vercel 和 Netlify 上從 DNS 到 HTTPS 的完整路徑——以及那個沒人提的成本陷阱。

Marcus Tan創始工程師,Y Build
發布於 Jun 9, 2026
7 分鐘
閱讀
cover · 1200×600

每一個 AI 建構工具的演示都終結在一個 *.something.app 的預覽 URL 上。那不是產品——那是一張你能點擊的截圖。發布意味著你自己的網域、HTTPS,以及一份不會嚇到你的帳單。這裡是完整路徑,以及三家主流託管商的區別。

三家託管商

對於一個 AI 建構的 Web 應用,你幾乎一定會落到其中一家。三家都為自訂網域提供自動 SSL/TLS,而且設定流程幾乎一模一樣。

託管商何時最適合自訂網域指向目標計費形態
Cloudflare Pages靜態 / 內容站 / 對成本敏感your-project.pages.dev固定價;頻寬無限
Vercel重度使用 Next.js 的應用cname.vercel-dns.com免費額度慷慨,按用量計費
Netlify想要內建表單 / 身分功能your-site.netlify.app每團隊 $19/mo,1 TB

從 DNS 到 HTTPS 的循環

這套流程在哪兒都一樣:

  1. 新增網域 —— 在託管商的控制台裡(它會顯示為 “pending”)。
  2. 指向 DNS —— 在你的註冊商處(或在 Cloudflare 的 DNS 裡):把你的子網域用一條 CNAME 指向上面那個託管商的目標。
  3. 對於根網域example.com,不帶 www),你不能用裸 CNAME——要用你的託管商/DNS 服務商的 CNAME flattening 或 ALIAS/ANAME 記錄。Cloudflare 會自動做根網域扁平化。
  4. 等待驗證。 託管商會驗證這條記錄並自動簽發憑證——通常幾分鐘。在你慶祝之前,先確認它能透過 HTTPS 解析。

不用 nginx,不用 certbot,也不用盯著 DNS 傳播。兩個最容易把人絆倒的點:根網域 vs www(兩個都設定好,把其中一個重新導向到另一個),以及忘了郵件和應用可以共用同一個網域。

成本陷阱

這是教學會跳過的那部分。Vercel 的免費額度很慷慨,但它是按用量計費的——一個爆紅時刻就能把 $0 的帳單變成 $500+ 的驚嚇。Cloudflare Pages 正相反:一開始沒那麼討人喜歡,但無論流量多大帳單幾乎紋絲不動——頻寬無限、每月 500 次免費建構、每個專案最多 100 個自訂網域,以及全球最快的 CDN(300+ 接入點)。Netlify 夾在中間,固定 $19/mo 的團隊方案,並內建表單/身分功能。

如果你要發布的是一個內容站、或一個大體上靜態的應用,又不想操心流量尖峰,那麼 Cloudflare Pages 是穩妥的預設選項。如果你深度使用 Next.js 的各種特性,Vercel 是阻力最小的那條路。如果你想要不帶後端的內建表單處理,Netlify 物有所值。

結論

部署是把演示和產品區分開的那一步,而在 2026 年它是個 10 分鐘的活兒——前提是你挑了一個與你的應用相匹配的託管商,並且盯緊的是計費模式,而不只是功能清單。先把應用做出來:看我們怎麼在 30 分鐘裡搭一個。

喜歡這篇拆解?
新實驗上線當天就送到你信箱。每週一封,附原始數據。
作者
Marcus Tan 創始工程師,Y Build

Marcus 用 AI 工具上線過 40+ 款生產級應用,並主理 Build Lab 的各項實驗 —— 也就是每篇對比與實驗筆記背後那些計時、可複現的正面對決。此前曾在兩家 YC 新創公司打造開發者平台。

40+ 個已上線應用 8 年 全端 作者 · 實驗室
更多來自 Marcus → @marcustan github ↗

繼續閱讀

查看全部實驗 →
建構你自己的應用
免費 · 無需信用卡
免費開始 →