Astro.js 發布 3.0 了~
最讓人感到興奮的是它可以有機融合不同的框架
你想在各個頁面的區塊中用 React.js . Vue.js . Svelte.js ...etc , 這個 Micro-Frontend 的願景
Astro.js 幫你完美的實現了 , 接下來的 30 天 , 我們就來看看要如何應用吧 ~
前言 2021 年 , 提到了 Micro-Frontend 這個名詞 , 並且當初想利用 Web-Component + 30 天的努力 ,來挑戰看看能不能做...
什麼是 Micro-Frontend ? 簡單來說 , 就是在一個頁面中可以使用多個技術 ( React . Vue . Angular . Svelte......
今天我們先跟著 Astro.js 的安裝指南來試用一下 , 事前準備 Node.js - v18.14.1 或更高版本。 文字編輯器 - VS Code 終端...
在 day-02 中我們說明了 Micro-Frontend 的起因 , 跟五種已在執行的解決方案 使用 iframe 拼裝 - 古早的解決方式 , 事件傳遞...
最近 , 都一直在強調 astro 中 , 可以使用不同的 UI Frameworks , 那實際執行要如何做呢 ? 我們可以查看 astro doc - In...
在昨天的 Vue 範例中 , 我們使用了 <Counter client:idle/> 如果眼尖的邦友一定有注意到 我們在引用 Counter 元件...
我們可解到頁面由 Islands 組成代表的每個區塊都分開處理 , 不過有些時候 , 我們還是希望 Islands 中的資料能互通有無 Astro 提供了一個工...
Astro.js 在預設情況下 , 都是使用 SSG 模式 , 這個模式預先 Generate 要回傳的內容 , 因此可以 Time to Interactiv...
昨天提到了 SSR 跟 SSG , 可能就是設定上多加一行 export const prerender = true; 不太會有感覺會有什麼差異 ? 今天我...
之前說明了 , 如何做單頁的 SSR 設定 , 那如果想要全站的設定都改成 SSR 模式呢 ? 只要在 astro.config.mjs 中修改 output...