Astro で Islands Architecture を始めよう
はじめに この記事では、フロントエンドのレンダリングパターンの 1 つである Islands Architecture について概略した上で、Astro における Islands Architecture の実現方法をチュートリアル的に解説します。Astro は 2022 年の 8 月に v1 がリリースされたばかりの UI フレームワークであり、ユーザーもまだそれほど多くはないと思われるため、なるべく前提知識がない方でも理解できるように各ステップの説明を細かく噛み砕いておこなうつもりです。また最後に補論として、Astro v2 について本論と絡めて簡単に紹介します。 Astro と Islands Architecture Astro は、高いパフォーマンスを実現するウェブサイトをモダンな DX (Developer Experience) のもとで開発することを目指した UI フレーム
Astro使ってみたのでその所感
最近Astroを使って個人サイトを作る機会がありました。 なかなか良かったので、個人的に感じたメリットを振り返っていきたいと思います。 Astroとは Astroは一言でいうと静的サイトビルダーです。 静的サイトビルダーというとNext.jsやNuxtJSのSSGを思い浮かべるかもしれませんが、Astroは前述のフレームワークとは少しアプローチが異なります。 「More HTML、Less JavaScript」とあるように、（いつの間にか記述がなくなってました）Astroはビルド時に可能な限りJavaScriptを排除して、HTMLとCSSを生成します。 不必要なJavaScriptを排除することによって、Webサイトにおける高いパフォーマンスを担保します。 個人的に感じたメリット UIフレームワークとの統合が可能 AstroはReactやVueといった、UIフレームワークを統合できます
Astro 1.0 | Astro
We are thrilled to announce Astro v1.0: a web framework for building fast, content-focused websites. Over the last 16 months, Astro has grown from an empty repo to over 13,000 stars on GitHub and 30,000 early users around the world. The Astro documentation has been translated into 6 different languages, and Astro has already been deployed at amazing companies such as Firebase (Google), Trivago, Th
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Getting Started
Astro
