ZEQULARD
EN

版權頁

這個網站怎麼做的,以及刻意不做的事。

版本

Next.js 16.4.0
App Router、Cache Components、Partial Prerendering、Turbopack
React 19.3.0
Server Components;只有聯絡表單與語言切換用到客戶端程式碼
Tailwind CSS 4.3.3
以 @theme 在 CSS 中宣告設計變數
nuqs 2.10.2
在伺服器端解析 /stack 的網址參數

字體與配色

英文使用開啟光學尺寸的 Fraunces,讓名字與內文來自同一個字族的不同光學尺寸;中文退回到思源宋體(Noto Serif TC)。標籤使用 IBM Plex Mono,字級依照 clamp() 流體比例。

近黑色底、暖白色文字、細線分隔,加上一個低彩度的灰綠色。沒有大色塊,也沒有等大的卡片網格。

快取規則

/
靜態外殼;「近況」那一行在每次請求時串流
/work
快取列表 · cacheLife days · 標籤 work
/work/[slug]
依語言與 slug 預先渲染 · 標籤 work、work:[slug]
/stack
未篩選的表格在外殼中;篩選後的網址以串流呈現
/now
短效 · cacheLife minutes · 標籤 now
/colophon
靜態,只在建置時產生
/contact
靜態頁面;Server Action 不需 JavaScript 也能運作

刻意省略

沒有流量分析
這裡沒有任何東西需要知道你是誰。
暫時沒有 CMS
在 Payload 證明值得導入之前,內容先放在程式碼裡;讀取函式就是之後替換的接縫。
沒有客戶端打字腳本
名字的打字效果只用 CSS,並尊重「減少動態效果」設定。
沒有技術 logo 牆
技術頁寫的是決策而不是品牌,每一列都連到證明。
沒有淺色主題
把一套配色做好,勝過兩套都做一半。
不是所有內容都翻譯
重要的文字有中英雙語;工具名稱與程式碼維持原文。