このスライドは以下のGitHubリポジトリのREADMEを元に作成されました
https://github.com/withastro/astro
概要
概要
Astroは現代のウェブサイトビルダーで、強力な開発体験と軽量な出力を特徴とするツールです。
主な機能・特徴
主な機能・特徴
-
最新版インストール:
npm create astro@latestまたはnpm install astro -
起動のためのガイド: [Getting Started](https://docs.astro.build/en/getting-started/)
-
快速な例作成: [Astro New](https://astro.new/)
-
テンプレートやテンプレートを起動するには、[Contributing](CONTRIBUTING.md)を参照してください。
アーキテクチャ・構成図
アーキテクチャ・構成図
mermaid graph LR A[Astro] -→ B[Preact] A[Astro] -→ C[SolidJS] A[Astro] -→ D[Svelte] A[Astro] -→ E[Vue.js] A[Astro] -→ F[Node.jsアプリケーション]
ウェブ開発フレームワークとの連携
ウェブ開発フレームワークとの連携
-
Astroと以下フレームワークに対応しています:
-
Preact
-
SolidJS
-
Svelte
-
Vue.js
-
Node.js アプリケーションの作成も可能。
対応したパッケージ
対応したパッケージ
[@astrojs/cloudflare](https://github.com/astrojs/cloudflare#readme) [@astrojs/partytown](https://github.com/astrojs/partytown#readme) [@astrojs/sitemap](https://github.com/astrojs/sitemap#readme) [@astrojs/alpinejs](https://github.com/astrojs/alpinejs#readme) [@astrojs/mdx](https://github.com/astrojs/mdx#readme) ---
ツールとナビゲーション
ツールとナビゲーション
-
[@astrojs/rss](packages/astro-rss)
-
[@astrojs/netlify](packages/integrations/netlify)
-
[@astrojs/check](packages/language-tools/astro-check)
-
[@astrojs/language-server](packages/language-tools/language-server)
関連スライド
埋め込み用コード
コピーしてご自身のブログなどに貼り付けることでスライドが表示されます。