-
讓 Airtable 的 Web API 聽話，照順序列出資料
Airtable 的介面，讓行銷、PM 便於編輯在網站上要呈現資料的情境。只是，API 回傳的資料似乎沒有肉眼看得出來的規則。每次改變，都得要進行非常複雜、難以理解的流程。其實，有非常簡易的方法讓排序聽話。
📃 閱讀 -
以 2024 年的方法製作 Favicon：6 個檔案就搞定大多數需求 (翻譯)
用 SVG 取代 PNG，相信瀏覽器向下相容，捨棄過時的格式—現代網頁 Favicon 的終極、詳盡指南。包含靜態 HTML 和 Webpack 會用到的步驟。
📃 閱讀 -
Supabase 的瑣碎使用心得
社群誇讚以網站前端的角度，想要存取放在 Supabase 的資料非常容易，在搭車時快速看過，確實覺得 CRUD 都簡化得簡單易懂。Supabase 背後的運作原理是 PostgreSQL，會用到不少相關語法。
📃 閱讀 -
簡單介紹即時共編的程式碼編輯器 Zed
Zed 是主打團隊共同編輯專案的程式碼編輯器。因為 VS Code 動作遲緩又讓 Macbook 發燙，尋找足以成為日常使用的編輯器。
📃 閱讀 -
使用 Astro 打造速度飛快的靜態網站
在蓋「用得到的猫紋」和「Moment：看電影看劇時，聽到喜歡的音樂」專案的時候，覺得輕量級的網站，用 Markdown 語法可以滿足快速、便於更新內容的需求。這篇文章是文件上找不到參考，只好到處從社群爬文記下來的做法。
📃 閱讀 -
Chakra UI 搭配 React-Hook-Form，文件上沒說清楚的地方
Chakra UI 是很方便的 UI 套件，很容易跟 React-Hook-Form 搭配使用，兩邊的文件已經滿足 8 成的情況，但是在建立表單元件 Radio 和 Checkbox 的時候，遇到需爬文、請教才解決的問題。
📃 閱讀 -
簡單介紹 CSS-In-JS 套件：Stitches
Stitches 可以讓 CSS 樣式寫得更清楚，甚至補齊 CSS 先天沒有那麼方便的地方。這篇文章以小訣竅的方式，介紹 Stitches 的特色，包含多行使用情境與 body 樣式的切換方法。
📃 閱讀 -
簡單介紹輕量級訪客分析工具：Splitbee
業界™預設的使用者分析、統計工具是 Google Analytics，然而過於臃腫又不直覺的 GA4，驅使小專案改用 Splitbee。
📃 閱讀 -
解決 MDX 元件的 TypeScript 型別問題
MDX 可以把 markdown 所產生的標籤，用 React 元件取代。但是，若使用 TypeScript 來撰寫，很容易遇到型別錯誤。
📃 閱讀 -
初次使用 Remix，搭配 mdx-bundler
追蹤一陣子的 Remix 能夠直接以 MDX 檔案當作頁面，而且 CSS 樣式可以用 Stitches 輔助，就開始用來製作部落格。然而，以為可以簡單用 Vercel 發布網頁，卻過於陽春，而改用 mdx-bundler 又遭遇無法在 Vercel 使用的狀況，只好改用付費服務 fly.io。
📃 閱讀 -
使用 i18next 的瑣碎注意事項
i18next 的文件寫得夠完整，所以在決定作品集要做多國語系時，用這一款來輔助。這篇文章記錄文件裡找不到，只好從 Issue 和 stackoverflow 翻找的問題解方。
📃 閱讀