Astro で Islands Architecture を始めよう

はじめに この記事では、フロントエンドのレンダリングパターンの 1 つである Islands Architecture について概略した上で、Astro における Islands Architecture の実現方法をチュートリアル的に解説します。Astro は 2022 年の 8 月に v1 がリリースされたばかりの UI フレームワークであり、ユーザーもまだそれほど多くはないと思われるため、なるべく前提知識がない方でも理解できるように各ステップの説明を細かく噛み砕いておこなうつもりです。また最後に補論として、Astro v2 について本論と絡めて簡単に紹介します。 Astro と Islands Architecture Astro は、高いパフォーマンスを実現するウェブサイトをモダンな DX (Developer Experience) のもとで開発することを目指した UI フレーム

[yarumato]

“Astro哲学の一つ、Server-first。静的生成でJavaScriptを不要にして（MPA）、ファイルロード時間短縮。しかもReactなど使用して操作可能コンポーネントを静的なページに埋め込み可能。これこそIslands Architectureの核心”

[kvx]

吐き出すhtmlをコントロールしたいんだけど勝手に<!doctype>つけたりするんだよなぁ。ファイル名も.html以外に出来るといいんだけど。

[jay-es]

Astro の入門的な記事