arthelokyo/astrowind

これは何？

主な機能

• 01型定義済みで組み合わせ可能なランディングページ用セクションウィジェットを30種類以上搭載。
• 02RSSフィード、MDX、カテゴリー、タグに対応したブログ。
• 03Astro AssetsとUnpicによる画像最適化。
• 04サイトマップの自動生成、Open Graphタグ、Google Analytics連携。
• 05Tailwind CSS v4をベースにしたダークモードとRTL対応。
• 061つのYAMLファイルによる設定と、CSSファーストのテーマトークン。

ユースケース

• 用意されたセクションを使って、企業や製品のランディングページを立ち上げる。
• RSSとSEO機能を標準で備えた個人ブログや企業ブログを始める。
• 静的ファイルとしてデプロイするドキュメントサイトやマーケティングサイトを構築する。

クイックスタート

1. 1

   Node.js 22.22.3 以降が必要です。AstroWind テンプレートからプロジェクトを作成します

   npm create astro@latest -- --template arthelokyo/astrowind
2. 2

   依存関係をインストールします

   npm install
3. 3

   localhost:4321 でローカル開発サーバーを起動します

   npm run dev

使う前に知っておきたいこと

• !テンプレートでは output が 'static' に設定されていますが、ブログを動作させるには prerender = true が必要です。
• !バージョン 1 はメンテナンスモードで、新規開発は AstroWind v2 で行われています。

トピック

よくある質問

astrowind とは？

30以上のランディングページ用ウィジェット、ブログ、SEO機能を備えた、無料のオープンソースAstro・Tailwind CSS v4スターターテーマ。 AstroWindは、AstroとTailwind CSS v4で静的サイトを構築するためのスターターテンプレートです。ヒーロー、機能紹介グリッド、比較表付き料金表、FAQアコーディオン、お客様の声、タイムライン、ニュースレターフォームなど、型定義済みで組み合わせ可能な30種類以上のセクションウィジェットを備えたランディングページを、すぐに利用できる形で提供します。

astrowind は無料で使えますか？ライセンスは？

astrowind は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

astrowind は今もメンテナンスされていますか？

半年以内に更新あり。astrowind の最終コミットは 2026年9月12日 です。

astrowind は何に使えますか？

用意されたセクションを使って、企業や製品のランディングページを立ち上げる。 RSSとSEO機能を標準で備えた個人ブログや企業ブログを始める。 静的ファイルとしてデプロイするドキュメントサイトやマーケティングサイトを構築する。

astrowind のインストール方法は？

Node.js 22.22.3 以降が必要です。AstroWind テンプレートからプロジェクトを作成します: npm create astro@latest -- --template arthelokyo/astrowind 依存関係をインストールします: npm install localhost:4321 でローカル開発サーバーを起動します: npm run dev

astrowind はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/arthelokyo/astrowind