我又開始準備搬家網站,這次是認真的

我在 3 月的時候曾發作並熬過了一次網站換換病,還寫了一封信 “Simplify” 紀念這件事,後來沉寂了好一陣子,也沒有很頻繁在更新內容,但最近情勢產生了一些變化。

最主要的拉力來自 Lawrence 大大推出的 “Recur” 這個產品,主打的是讓創作者更容易串接台灣的金流服務。我雖然原本沒有在做訂閱制,但一直有想說有機會可以試試看。

現在機會不就來了嗎!

有了這個契機後,我開始思考很多問題,我為什麼想要弄什麼訂閱制?我要給別人訂閱什麼內容?這些東西原本都還沒有什麼頭緒,但我在想這些東西時,就越來越覺得我原本的網站實在是個大大的障礙。

比較資深一點的讀者可能知道我的網站 Pin 起來是透過 “Zola” 這個工具打造的靜態網站,他是一個非常簡潔輕便的架構,這也是我原先在 2022 年選擇他的主要原因,當時就連 ChatGPT 都還沒推出,我是靠著複製網路上前輩的整個網站程式碼,一步一步去了解架構然後自己魔改出來的。後來雖然加了一些自己想要的頁面或內容,但總有些侷限,即使在 ChatGPT 推出後也只是讓我比較容易「改東西」,但真的要擴充什麼內容我都不太敢想。

要擴充什麼內容呢?我在跟 ChatGPT 討論後,覺得若要搭配 Recur 這樣的管理訂閱工具,最簡單的方式就是自己弄個有會員系統的網站,於是在幾輪搜索與討論後,我採用了以前有考慮過的 Astro 架構作為前端,而內容管理系統則是用 Strapi 。

坦白說,我沒有花太多時間研究其他可行的選項,只是基於一些粗淺的印象,例如朋友曾用過 Strapi 或者是看過一些人推薦 Astro 之類的。總之,我在週日的時候做了下列這些事:

  1. 在 Astro 官網上找到一個看起來蠻符合我需求的模板網站,我就把它 fork 下來,嘗試直接串 Strapi 的 API ,失敗。
  2. 覺得不要跑太快,於是乖乖照著 Astro 的說明,建立了一個最基本的網站並嘗試串我在電腦端運行的 Strapi ,在 Cursor agent 的幫忙下成功!
  3. 成功後我把這套流程移植到原本的模板上,順利完成,接著就開始清除模板網站上我不需要的內容。
  4. 接著我嘗試把 Strapi 部署到他的線上版,再來把 Astro 部署到我熟悉信任的 Netlify 上,兩者也串接成功,最後到 Cloudflare 買了一個新網域,就完成了這個最基本的架構。
  5. 研究了 Strapi 線上版後發現免費方案過一陣子應該就會遇到限制(500 筆資料),於是開始研究別的方案,這時我想到好朋友 Zeabur ,於是又花了一點時間成功在 Zeabur 上部署 Strapi ,資料庫也改成了 Postgres,然後又花了一些時間建立與測試本地和線上的更新方式。

這個過程幾乎沒有遇到那種非常嚴重的卡關,即使卡住也大概只是 15 分鐘,全程只有用到 Cursor 免費版的免費模型+部分內容直接跟 ChatGPT 討論而已,真的非常感謝他們。而跑通基本架構,實際開始建構網站後,我就訂閱了 Cursor Pro ,想用好一點的模型,確實也表現很好。

在這些等待的過程中,因為慢慢了解到 Strapi 是什麼,並意識到 Strapi 可以這樣做、可以那樣做,然後又發現 AI 可以輕鬆地掌握 Strapi 的內容而搭配規劃前端的呈現資訊,我對於新網站的想像與期待就越來越多。

舉例來說,我發現我可以非常輕鬆的就設置網站的不同分區和每個分區的內容要有哪些欄位,這件事就解放了我的想像力,讓我可以真正根據我的需求去思考我的網站該怎麼架構(而不是根據「我改不改得動」這個限制去思考)。

在這個思考與討論的過程中,最一開始那個「訂閱制」的動機反而變得沒那麼重要,我原本也想說那就當成是練習架設後台就好,不特別在意訂閱的內容,但今天又想到一個適合的方案。總之,我目前在 AI 的大力幫助下,已經順利地把我想要的框架弄出來,接著會再把必要的東西搬過來,到時會再正式介紹一下!

至於原本的 Pin 起來,我應該會逐漸封存不再使用,也不太考慮搬家繼承流量之類的,因為本來就沒什麼流量,但這部分我還沒有確定的想法,也是之後再來分享。