-
Inertia v2.2 的 Infinite Scroll (無限滾動) 新功能
原本在 Inertia v2.0 的時候，應該就要一起推出的 Infinite Scroll (無限滾動) 功能，拖了一年之後，終於在 Inertia v2.2 正式推出了！無限滾動通常常見在聊天室訊息、社交媒體動態、照片牆等場景，可以讓使用者無限滑動載入資料，而不需要點擊分頁按鈕。而且我滿喜歡這個 API 的設計，使用起來還滿簡單的說~ -
部署 Astro 專案到低配置的 Ubuntu 伺服器
這回 Astro 專案的開發，一開始選定了部署到 Netlify 上，結果正式站在上線之時卻意外掛掉，查了之後發現是 Astro 在 Netlify 使用 Session 時，依賴的 Netlify Blobs 卻有問題，無奈之下決定改用自... -
Astro 排除部分路徑不檢查 CSRF Origin
Astro 預設會檢查提交表單的 Origin 是否與網站的 Origin 相同，目的是為了防止 CSRF 攻擊，但是在串第三方金流 API 的時候，回傳的請求就會被擋下來，因為第三方金流的 Origin 不會是我們的網站 Origin。 ... -
在 Astro 中用 nanostores 共享全局變數
Astro 本身是沒有共享全局變數的功能，不過文件中建議使用 nanostores 這個套件，可以在純 JS 和各種前端框架中使用，以及支援 TypeScript，且使用上也很簡單。 在 Astro 中我對 nanostores 使用方式的... -
-
Astro 使用 Zod 驗證網址 Query String 格式
網址中的 Query String 參數驗證是一個還滿常見的需求，通常都會在需要做搜尋或過濾器的頁面中使用，傳統的作法都會是使用 if 判斷式來驗證參數是否符合預期的格式，但這樣的寫法我是覺得還滿醜的說。後來我就嘗試使用 zod 來解析驗證... -
Astro + @astrolicious/i18n 實作 i18n 多語系功能
之前有使用過 用 Paraglide 做 Astro i18n，但做起來就是很卡。後來發現 I18n for Astro (@astrolicious/i18n) 這個套件更好用，於是就改用這個套件來做多語系功能。 安裝 @ASTROLIC... -
-
Inertia v2.0 新功能介紹
介紹 Inertia v2.0 推出的新功能，包含 Async Requests (異步載入)、Polling (輪巡)、Prefetching (預先載入)、Deferred props (延遲載入 Prop)、Lazy loading (惰性載入) 等 -
