#astro

Found 4 posts with this tag

Mar 16, 2026

• #astro #react #framer-motion +3

極致動效實戰：如何在 Astro 5 中結合 Framer Motion 與 MagicUI 打造頂級數位總部

深入探討如何將重量級動效庫 Framer Motion 與現代 UI 套件 MagicUI 整合進 Astro 5 專案中，從渲染策略、效能優化到互動式元件實作，全方位提升網站的視覺層次與使用者體驗。

Feb 1, 2026

• #astro #web-development #tutorial +2

本篇文章詳細解說如何在 Astro 部落格中，透過 getStaticPaths 實作靜態標籤路由，並結合 Fuse.js 打造高效的前端模糊搜尋功能。

Jan 28, 2026

• #refactoring #astro #clean-code +2

探討如何運用 DRY 原則與 Layout 組件優化 Astro 專案架構。以 ToolLayout 遷移為例，說明抽象化重複 UI 模式的實務技巧與效益。

Jan 26, 2026

• #react #performance #i18n +2

深入解析 React 動態載入技術，將大型翻譯檔分割載入，提升網站初始載入速度。附實作程式碼分析與最佳實踐。