AI 時代的創業密技：小白也能無痛超低成本自建官網，全攻略公開

前言：為什麼自己架站

很多人問我，為什麼要自己架站？其實一開始我也想過 Pinkoi、蝦皮這些現成平台，但抽成高、平台費貴。最後，我抱著「佛系試試看」的心態，打開電腦，一步步跟著 ChatGPT 的指引敲出第一行程式。雖然我完全沒有程式背景（現在叫我不用 chatgpt，我也完全敲不出一行代碼），但我自認自學能力還不錯，於是邊問、邊學、邊做，網站逐漸成形。

訣竅：我不是一次問很難的問題，而是把需求拆小，比方說「怎麼裝 PostgreSQL CLI？」、「怎麼把登入成功後的名字印在頁面上？」ChatGPT 會給完整步驟，我就照做。

一、技術基礎：從 Render 到 Supabase

後端我選擇 Node.js + Express。資料庫初期使用 Render 內建 PostgreSQL 免費方案，但存在不付費可能被凍結的風險（因為某天Render直接把我的資料庫鎖住，於是遷移到 Supabase），自建下單系統完整掌控會員、訂單、商品三大表結構。登入部分，從 Facebook／LINE OAuth 改為自有會員系統並搭配 Google 登入，設定簡潔、限制較少，整體流程也更順暢。

訣竅：遇到專有名詞聽不懂時，我會直接問「Supabase 是什麼？它跟 Render 的差別是什麼？」不要怕問笨問題，先理解概念再操作。

平台工具介紹

👉 總結來說，這五個平台就是我的「網站五件套」： GitHub = 程式碼保險箱 ／ Render = 後端廚房 ／ Supabase = 資料庫強化版 ／ Netlify = 前端展示櫃 ／ Gandi = 品牌門牌號碼

三、前端與 SEO：從 Render 單體到 Netlify 分流

前端刻意保持輕量：純 HTML + Tailwind + Alpine.js。最初前後端都放在 Render，流量很快吃滿（Rende免費版有每月750小時的限制）；後續調整為前端 Netlify（靜態）＋ 後端 Render（API）分流，明顯降低成本並提升穩定度。我強烈建議一開始就購買網域（如 chunzhi.tw）：SEO 能長期累積、品牌更專業可信、數據集中可控，且能啟用像 Resend 這類需正式網域的郵件服務。

訣竅：我常用「用最簡單比喻解釋」這類指令，請 ChatGPT 把技術轉成生活例子。像是問「Netlify 跟 Render 的差別可以用租房子比喻嗎？」結果超好懂。

四、功能模組的進化

架站不是一次到位，而是邊經營邊補強：下單系統從外掛轉為自建（訂單×會員×商品）；購物車支援刪單與清空；結帳頁支援宅配與超商（選店、託運單、物流查詢）；會員中心可查訂單、常用地址與門市；後台能管理付款／出貨狀態並留下 log 記錄。這些看似麻煩的機制，讓流程有跡可循，避免錯漏單，是營運專業化的基礎。

訣竅：我不是自己想功能，而是「邊用邊覺得不方便」就問 ChatGPT：「可以加一個刪除單一商品的按鈕嗎？」它就會幫我補程式碼。

五、品牌與行銷：SEO + 內容的加乘

擁有自家網站最大的價值，是可透過 SEO 積累自然流量；持續產出高品質內容，不僅能在搜尋結果中被看見，也更有機會被新一代 AI 搜尋引用。站內我以專欄承載品牌故事、草本知識、創業筆記與靈性隨筆，並與 IG／FB 的內容排程與真實分享互相串連；短影音則把個人 IP 與品牌 IP 交織，讓觀眾既看到產品，也看見創辦人的理念。

訣竅：SEO 這塊我都直接丟：「幫我寫 meta description」、「幫我做文章結構化資料」，省掉查文件的時間。

六、挑戰與學習

過程不只順風：Render 免費方案有限制，跨域也曾卡關，所幸最後請工程師協助快速處理；策略上改為前後端分流、遷移到 Supabase、以及自建會員與下單系統。心態上，從「亂中求生」到建立可長期運作的系統，最大的收穫是學會面對問題、持續優化。

訣竅：卡住很久也不用硬撐，遇到問題直接截圖傳給chatgpt（截圖功能真的超級重要），我會問：「請幫我看 log 錯誤訊息翻譯成人話」真的沒辦法才諮詢工程師，省了很多費用。

七、給後來者的建議

如果你也想自架站：一、一定要買自己的網域，才能有 SEO、專業感與可追蹤的數據，也能啟用 Resend 之類的服務；二、架構盡量模組化（前端靜態、後端 API、資料庫分離）；三、不要過度依賴免費方案，跟 ChatGPT 好好討論各平台服務，不懂就發問，累積的知識讓我現在還能假稱「全端工程師」；四、先求可用再逐步優化，不必一開始就完美。

訣竅：其實不用會寫程式，重要的是知道怎麼問。像是：「我想要××功能，用我現在的架構怎麼加？」ChatGPT 會補上缺口。

八、結語

ChunZhi 網站對外是電商入口，對內是品牌價值的載體。它記錄了我在資料庫選擇、部署策略與 SEO 上的每一步，也讓我從「賣產品」走向「建立長期成長系統」。我愈來愈確定：架站不是技術終點，而是心態的修行；品牌能不能長遠，取決於是否願意把基礎扎實做好。

附錄：ChatGPT 對話技巧

我能從零開始架站，完全不是因為我會寫程式，而是我學會「怎麼問」。這裡整理一些我跟 ChatGPT 對話的技巧，給所有同樣是小白的你：

• 把需求拆小：不要一次問「幫我做一個完整電商網站」，而是切成小問題，例如「怎麼裝 PostgreSQL CLI？」、「怎麼加刪除按鈕？」
• 請它翻成人話：遇到錯誤訊息，直接丟給 ChatGPT：「幫我翻譯成白話並告訴我可能原因」。這樣不會被技術詞嚇跑。
• 要求比喻：聽不懂技術概念時，加一句「用生活例子解釋」，它會用租房子、煮菜這種比喻讓你秒懂。
• 邊問邊做：不要等全部懂了才開始，照著回答一步步操作，卡住就再問。
• 先求可用，再求完美：第一版能跑就好，不必一開始就要「最專業架構」。可以後面再優化。
• 找工程師做關鍵支援：ChatGPT 已能處理 8 成問題，剩下真的卡死的部分再請人幫忙，省時省錢。
• 持續優化提問：如果回答太技術，就補一句「用小白聽得懂的方式解釋」，效果立刻不同。

這些對話技巧，才是真正讓我從「完全不會寫程式」到能跑起一個電商網站的關鍵。你不用會寫程式，只要會提問。