iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

Micro-Frontend 的新夥伴:Astro.js 的應用與研究 系列

Astro.js 發布 3.0 了~

最讓人感到興奮的是它可以有機融合不同的框架

你想在各個頁面的區塊中用 React.js . Vue.js . Svelte.js ...etc , 這個 Micro-Frontend 的願景

Astro.js 幫你完美的實現了 , 接下來的 30 天 , 我們就來看看要如何應用吧 ~

參賽天數 20 天 | 共 20 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 11

[Day 11] Angular In Astro - analogjs

最近找到 Angular 在 Astro 的 Integration , 他很奇特 , 因為在官方文件中並沒有提到他 這就是 @analogjs/astro-a...

2023-09-26 ‧ 由 Tree 分享
DAY 12

[Day 12] Astro Showcase

Astro 跟 Next.js . Nuxt.js 這兩個成熟的 SSR 框架相比 , 還很年輕 一定會有邦友擔心 , 他到底能不能乘載大型專案 ? 還是這個東...

2023-09-27 ‧ 由 Tree 分享
DAY 13

[Day 13] Custom Client Directives - 自定義 hydrated 時機

在 day-06 我們表列了很多 , client:* Directives , 說明 Astro 提供不同類型的 js hydrate 時機 複習一下有 c...

2023-09-28 ‧ 由 Tree 分享
DAY 14

[Day 13] Astro Routing

之前 day-07 我們可以在 http://localhost:4321/ - 看到 /src/pages/index.astro 的內容http://loc...

2023-09-29 ‧ 由 Tree 分享
DAY 15

[Day 15] Astro MDX

Astro 預設為 NO JS 的模式 , 對於 BLOG 網站非常友善 , 因此 Astro 官方也強力發展自身在 BLOG 相關功能的支援 說到 BLOG...

2023-09-30 ‧ 由 Tree 分享
DAY 16

[Day 16] API in Astro - Endpoints

之前有說過 , Astro 可以設定成 SSR mode , 當我們使用 SSR Server 在服務使用者時 其實後面就是在運行一個 Node Server...

2023-10-01 ‧ 由 Tree 分享
DAY 17

[Day 17] Astro - Fonts

Astro.js 作為一個強調 BLOG 的 framework , 那肯定少不了字型的設定啦 ~ 下面我們來說明在 Astro.js 如何設定字型吧~ Usi...

2023-10-02 ‧ 由 Tree 分享
DAY 18

[Day 18] Strapi & Astro

Strapi 是一個 headless CMS , 可以將 Content 儲存在其中 Astro.js 可以將 Content 取出並顯示出來 下面我們來說明...

2023-10-03 ‧ 由 Tree 分享
DAY 19

[Day 19] Astro - I18N

Astro doesn’t have built-in internationalization (i18n) support, but you can bui...

2023-10-04 ‧ 由 Tree 分享
DAY 20

# [Day 20] Astro with Docker

As You using SSR Mode of Astro , You need to deploy a Node.js Server As Deploy S...

2023-10-05 ‧ 由 Tree 分享