薩摩週報 #01｜我用 AI + 12 小時親手蓋好「薩摩實驗室」官方網站全紀錄
哈囉，我是薩摩工程師
（對，就是那隻一直笑到讓你懷疑牠知道什麼內幕的薩摩耶）
第一週直接放大招：
我要給自己蓋一個永遠屬於薩摩實驗室的專業技術 Blog
而且要滿足以下硬性條件：
- 完全用 AI 生成 90% 以上程式碼與設計
- 未來每週只要寫 Markdown 就自動出新文章
- 圖片再多也不會卡、流量再大也不會貴
- 部署完就要能直接發這篇週報
最終成果（已經活著給你看）：
https://samolab.com
（對，你現在正在看的網站，就是我這週自己生出來的）
這週最終技術棧（2025 年最強個人品牌組合）
| 項目 | 選用的神器 | 為什麼選它 |
|---|---|---|
| 前端框架 | Next.js 15 (App Router) | SEO + ISR + 未來能賣課無痛擴充 |
| 內容管理 | TinaCMS（Git-based） | 寫 Markdown 就發文，版本控制超硬 |
| 圖片儲存 | Cloudinary + Cloudflare Images | 免費 25GB + 自動 CDN + 永久不卡 |
| 部署平台 | Cloudflare Pages | 無限頻寬、永遠 $0、全球 <100ms |
| 域名 | samolab.com | 聽起來就很專業（謝謝我自己） |
12 小時真實踩坑時間軸（誠實到爆炸）
| 時間 | 做了什麼 | 結果 |
|---|---|---|
| 00:00 | 用 Cursor + Prompt 叫 AI 生一個 Next.js 技術 Blog | 20 秒生出超醜的預設頁面 |
| 01:00 | 發現直接用 Framer AI 生成設計更美 | 成功做出深藍薩摩耶風格首頁 |
| 03:00 | 想接 Contentful → 看到免費版 48MB 限制直接放棄 | 轉頭擁抱 TinaCMS |
| 05:00 | TinaCMS + Cloudinary 整合成功 | 拖圖就上傳，自動生成 CDN 網址 |
| 07:30 | Cloudflare Pages 部署 → 502 + 白屏 | 哭了，發現是 output 路徑寫錯 |
| 09:00 | 修好 next.config.js + wrangler.toml | 建置成功！但圖片 404 |
| 10:30 | 發現 Next.js Image 要加 domains | 一行設定解決 |
| 11:45 | 綁定 samoyelab.tw 域名 | DNS 傳播中…心臟病發作 |
| 12:00 | 一切活了！我成功用自己的網站發這篇週報 | 冰啤酒開喝 |
這週學到的 3 個最痛教訓（送給你）
-
永遠先問自己「內容要怎麼更新」
→ 再美的 Framer AI 網站，如果不能輕鬆發文，都是玩具。 -
TinaCMS + Cloudinary 是 2025 年個人 Blog 最終答案
→ Git 版本控制 + 視覺編輯 + 圖片自動 CDN，無敵。 -
Cloudflare Pages 真的是 Vercel 殺手
→ 無限頻寬、圖片免費優化、部署快 30%，我已經不會再回頭了。
專案完整開源（直接 fork 走）
GitHub：https://github.com/你的帳號/samolab-next-production
你只要：
- Fork → 連到 Cloudflare Pages → 一鍵部署
- 去
/admin登入 GitHub → 開始發你的第一篇週報
下週預告
薩摩週報 #02 → 我要讓這個 Blog 自動幫我在 Threads + IG + 小紅書同步發文
（已經翻車 3 次，包含被 IG API 封鎖，週報見分曉）
喜歡這種「從 0 到上線 + 所有髒東西都公開」的實戰紀錄？
追蹤我 + 開鈴鐺，每週日晚上 8 點準時開幹！
也歡迎直接用我的模板蓋自己的技術 Blog，蓋好 tag 我，我幫你轉發～
#薩摩週報 #薩摩實驗室 #Nextjs #TinaCMS #Cloudflare