喜歡的 UI 就要親手做出來

簡單介紹輕量級訪客分析工具：Splitbee

業界™預設的使用者分析、統計工具是 Google Analytics，然而過於臃腫又不直覺的 GA4，驅使小專案改用 Splitbee。

Chakra UI 是很方便的 UI 套件，很容易跟 React-Hook-Form 搭配使用，兩邊的文件已經滿足 8 成的情況，但是在建立表單元件 Radio 和 Checkbox 的時候，遇到需爬文、請教才解決的問題。

在蓋「Moment：看電影看劇時，聽到喜歡的音樂」專案的時候，覺得輕量級的網站，用 Markdown 語法可以滿足快速、便於更新內容的需求。Astro 目前以幾乎每天更新一次的頻率快速發展中。這篇文章是文件上找不到參考，只好到處從社群爬文記下來的做法。

MDX 可以把 markdown 所產生的標籤，用 React 元件取代。但是，若使用 TypeScript 來撰寫，很容易遇到型別錯誤。

追蹤一陣子的 Remix 能夠直接以 MDX 檔案當作頁面，而且 CSS 樣式可以用 Stitches 輔助，就開始用來製作部落格。然而，以為可以簡單用 Vercel 發布網頁，卻過於陽春，而改用 mdx-bundler 又遭遇無法在 Vercel 使用的狀況，只好改用付費服務 fly.io。

i18next 的文件寫得夠完整，所以在決定作品集要做多國語系時，用這一款來輔助。這篇文章記錄文件裡找不到，只好從 Issue 和 stackoverflow 翻找的問題解方。

Stitches 可以讓 CSS 樣式寫得更清楚，甚至補齊 CSS 先天沒有那麼方便的地方。這篇文章以小訣竅的方式，介紹 Stitches 的特色，包含多行使用情境與 body 樣式的切換方法。