用 Next.js 建一個可長期維護的個人 Blog

問題

我想要的不是只有文章列表，而是一個能同時放技術長文、專案案例和學習筆記的入口。第一版要夠輕，內容要能直接跟著 repo 版本控制，但又不能把頁面寫死在檔案系統上。

內容邊界

內容被切成四種型別：

1. Article：需要完整前言、日期、標籤與閱讀體驗。
2. Project：更重視視覺封面、角色、技術棧與結果。
3. Note：可以比較短，用來保存學習路徑與半成形理解。
4. Page：About、Now、Contact 這類穩定頁面。

export function getAllArticles() {
  return loadCollection("article");
}

視覺方向

首頁不做行銷 hero，而是做一個清楚的 routing surface。專案卡片保留強烈的 image grid，文章頁則回到窄欄寬、TOC、進度條和好讀的程式碼區塊。

結果

這個架構的重點是先把可以持續寫作的骨架完成：資料驗證、MDX rendering、搜尋索引、主題切換和可部署 build。功能不多，但每個新增內容都會經過同一套規則。