開發手記
部落格
關於架站與打造產品的筆記：開發、設計、SEO 與上線。
13 篇文章
用 AI 打造貓咪拉麵品牌：從 Logo、品牌視覺到三語網站上線
一隻表情有點呆的黑貓，撐起了一整個拉麵品牌，最後在三語網站的首屏裡循環吃起了拉麵。Logo、品牌視覺、Claude Design、Claude Code、Higgsfield 和 Railway。
我用 Claude 搭了一個跨境獨立站：從品牌設計到上線
一個藏香品牌，從頭到尾交給 AI 一起完成。Logo 和包裝、Payload 商城、PayPal 支付，以及那些讓「展示頁面」變成「能經營的商城」的瑣碎細節。
用 AI 花一週時間，我重做了個人網站
站在雲上，穿過天空墜落，掛著氣球飄過，最後是一扇望進我工作室的窗。新網站是怎麼一步步做出來的，以及那些沒能留下來的想法。
開發一個 MVP 要花多少錢？一份實用的成本拆解
決定 MVP 開發成本的到底是什麼？如何在找外包之前先用工時估算出大概範圍，以及創業者最容易多花錢的地方。
如何寫網站需求說明書（附免費範本）
一份能一次拿到準確、可比較報價的網站需求說明書：應該寫什麼、不該寫什麼，以及一個可直接複製的範本。
Next.js 靜態匯出（output: 'export'）完全指南
Next.js 靜態匯出在 App Router 中如何工作、有哪些限制，以及圖片、動態路由、表單和重定向的解決方案。
Next.js App Router 技術 SEO 實用清單
在 Next.js App Router 中配置 Metadata、canonical、sitemap、robots.txt、結構化資料、hreflang 和 Core Web Vitals，附可直接複製的程式碼。
不用 CMS 和資料庫，在 Next.js 中搭建 Markdown 部落格
每篇文章都是 Git 儲存庫裡的一個 Markdown 檔案。用 Next.js App Router 實現 front matter、程式碼高亮、圖片、影片和靜態頁面。
用 Cloudflare Workers 和 D1 搭建無伺服器聯絡表單
用一個 Cloudflare Worker、D1 資料庫、Turnstile 防垃圾驗證和即時通知，給靜態網站加上可用的聯絡表單。免費額度夠用，附完整程式碼。
動畫網站的 Core Web Vitals 優化：保留動效，透過 LCP、INP 和 CLS
如何在保留捲動動畫、WebGL 和影片的同時透過 Core Web Vitals：LCP、INP、CLS 變慢的具體原因和解決方法。
