AstroWind
マーケティングサイトとブログのための、MITライセンスの無料Astro + Tailwind CSSテンプレート
AstroWindはAstro 7とTailwind CSS 4の上に構築された、MITライセンスの無料ウェブサイトテンプレートです。2026年8月時点でGitHubのスター数は5,887。コマンド1つでマーケティングサイトとブログの雛形ができ、静的HTMLを出力し、サイトマップを自ら生成し、Open GraphタグとRSSフィードを出力し、1つのYAML設定ファイルからGoogle アナリティクスのIDを受け取ります。ローンチのうち「作る」側の半分は、これで十分にまかなえます。まかなえないのは、誰かが訪れるかどうかを決めるもう半分、つまりそこに何を公開し、誰に伝えるかという部分です。
AstroWindに実際に入っているもの
AstroWind(github.com/arthelokyo/astrowind)はフレームワークでもホスティング製品でもなく、出発点となるテーマです。コピーを生成し、編集し、その成果物は自分のものになります。MITライセンスで、スター数と並んでフォークが1,659件あります。テンプレートにおいてはこちらのほうが雄弁な数字で、フォークは実際にそれでサイトを作り始めた人だからです。リポジトリは自らを直近4年でもっともスターとフォークを集めたAstroテーマだと説明していますが、これは開発者側の主張であって、当社が検証したものではありません。READMEと設定を読むと、標準で入っているのは次のとおりです。
- 既定で静的出力 テンプレートはAstroの静的ビルドを使うため、デプロイはHTMLファイルのフォルダを置くだけになります。手を加えなくても性能指標が保たれるのはこのためで、検索の観点でも重要です。クローラーが必要とするタグは、スクリプトが後から組み立てるのではなく、サーバーが返すHTMLの中に最初から入っています。
- 配線済みのブログ MarkdownとMDXの記事、カテゴリーとタグ、ページ送り、関連記事、ソーシャル共有、RSSフィード。記事のパーマリンクは設定でき、カテゴリー、タグ、一覧はそれぞれ無効化や名称変更が可能です。
- SEOの配管 ルートから生成されるサイトマップ、Open Graphとツイッターカードのメタデータ、タイトルのテンプレート、セクションごとのindexとfollowの指定。いずれもコンポーネントに散らばらせず、1つの`src/config.yaml`で設定します。
- 画像の扱い Astroネイティブのレスポンシブ画像に加え、汎用画像CDNとしてUnpicを利用します。置いたままの画像がそのまま配信されるのではなく、ビルド時に最適化されます。
- Tailwind CSS 4によるテーマ設定 色とフォントは`CustomStyles.astro`のCSS変数として置かれ、テーマトークンは`tailwind.css`にあります。Tailwind 4のCSS優先の設定方式に沿った形です。ダークモードと右から左へのレイアウトは標準で対応しています。
- 既定では空の解析用の枠 設定にはGoogle アナリティクスのIDの項目があり、初期値はnullです。埋めるのは1行ですが、その後きちんと計測されているかを確認するのは別の作業で、次のセクションはまさにその話です。
メンテナンスされているか
どのテンプレートでも確認する価値があります。放棄されたテンプレートは、気づかないうちに古いフレームワークのバージョンに縛りつけるからです。2026年8月のAstroWindのコミット履歴は、体裁を整えるだけの作業ではなく実質的なものです。8月8日の一連の作業では、Astroネイティブのフォント APIとビューポート単位の先読みを採用し、画像処理をAstro自身のレスポンシブ画像へ移し、一枚岩のスクリプト群をWebコンポーネントに置き換え、TypeScriptのstrictを有効にし、デッドコードを削除しています。依存関係は8月4日にAstro 7へ移り、初夏には継続的インテグレーションの刷新と型の厳格化の修正がありました。実行には新しめのNodeが必要で、タグ付きリリースはmainブランチより遅れているため、テンプレートから生成されるものは最新タグより先を行っています。
テンプレートが肩代わりできないこと
テンプレートは、レイアウト、レスポンシブ対応、メタタグに費やすはずだった1週間を取り除いてくれます。しかし、多くの創業者のサイトが静かなままである理由までは取り除きません。誰も検索していない製品について書かれた技術的に優れたページは、やはり訪問者を得られないからです。AstroWindはサイトマップを生成しますが、そこに何を載せるべきかは決められません。書いたものを高速でクロールしやすいHTMLに描画しますが、どのページを書く価値があるかという判断は依然としてあなたのもので、その判断が成果の大部分を占めます。
新しいサイトについての正直な順序はこうです。テンプレートは機械的な部分の速度を買ってくれますが、そこから先で仕事の性質はまったく変わります。買い手が実際に打ち込む問いを選び、すでにそこで上位にあるものより良いものを公開し、最初の被リンクや言及を獲得していく作業です。ゼロから始めるなら、新しいサイトのSEOが現実的な時間軸で、訪問者を登録につなげることは、集まった流入に価値があるかどうかを決める部分です。テンプレートが出力する内容の上に構造化データのマークアップを足すのは安価で、AIエンジンに正しく引用してもらう助けになります。
その流通側の半分こそ、AgentCeres(AI Growth Officer)が担うために作られたものです。市場を調査し、コンテンツやアウトリーチを起草し、外部に出る仕事はあなたが承認するまで公開しない形で提案する、マネージド型のAIマーケティングチームです。AstroWindのようなテンプレートと競合するのではなく補完します。テンプレートがサイトを与え、チームは誰かがそこを訪れる理由を作ります。詳しくはagentceres.comをご覧ください。
数字を信じる前にサイトが計測できているか確かめる
これはAstroWind固有の助言というより一次経験からの教訓で、解析用の項目を持つあらゆるテンプレートに当てはまります。当社は自社の顧客向けにランディングページを構築してホストしており、公開されたそれらのページは厳格なコンテンツセキュリティポリシーのもとで配信されます。機能を出した当初、各ページに小さな解析用のスクリプトタグを差し込んでいました。タグはHTMLの中にあり、ページの見た目も完璧で、閲覧数はゼロのままでした。そのスクリプトを配信するものが存在せず、リクエストはすべての訪問、すべてのページで404を返し続けていたのです。何日も気づかず、最終的に発見できたのは、揺らぎのない断固としたゼロが、低い数値よりも不自然に見えたからでした。現在の計測はサーバー側で、ページを実際に返し終えたあとに行われます。
他へ応用できる原則はこうです。ソースにタグがあることと、タグが計測していることは同じではありません。同じポリシーは、ローカルでは問題なく表示されていた別の2つも静かに壊しました。外部にホストされた画像と、別ドメインから読み込むウェブフォントのスタイルシートです。ホスティング層の規則は、手元のコピーではなく公開されたページに適用されるからです。テンプレートをデプロイしたら、本番のURLをブラウザのネットワークパネルを開いた状態で読み込み、解析のリクエストが200を返すこと、画像が公開先のオリジンから読み込まれること、そしてソース表示でタイトル、ディスクリプション、正規URLがhead内にあることを確認してください。
- 本番URLのソースを表示し、タイトル、ディスクリプション、正規URL、Open Graphタグがhead要素の中にあることを確認する。
- ネットワークパネルを開いた状態で公開ページを読み込む。すべてのリクエストが200を返すべきで、とくに解析のリクエストを確認する。
- /sitemap-index.xmlを取得し、想定どおりのページが並んでいるかを確認してからSearch Consoleで送信する。
- テンプレートのスクリーンショットを信じず、本番URLをページ速度の計測にかける。あなたの画像とフォントはデモのものではありません。
- 設定にGoogle アナリティクスのIDを入れるか、項目自体を外す。解析の枠が空のままなら、何も記録されていないということです。
FAQ
- AstroWindは商用でも無料で使えますか?
- はい。リポジトリはMITライセンスで、ライセンス表記と著作権表示を残す限り、商用利用、改変、再配布が認められています。サイト上にAstroWindのクレジットを目に見える形で表示する義務はなく、テンプレート自体に機能を制限する有料プランもありません。
- 使うのにAstroの知識は必要ですか?
- マーケティングサイトであれば、思っているほど必要ありません。創業者が変更する内容のほとんどは1つのYAML設定ファイルと、MarkdownまたはMDXのコンテンツファイルの中にあり、どちらもフレームワークの知識を必要としません。ページのセクションそのものを編集する場合は.astroコンポーネントを触ることになりますが、これは冒頭にJavaScript風のブロックが付いたHTMLのように読めます。テンプレートは意図的にクライアント側のJavaScriptをごく少なくしており、後から対話的な要素が必要になったときにReact、Vue、Svelteのどれを使うかはあなたに委ねられています。
- 他のサイトも使っているテンプレートだとSEOに不利になりませんか?
- なりません。検索エンジンはページを内容、リンク、体験で評価するのであって、レイアウトが他サイトと共通かどうかで評価するわけではありません。人気のあるいくつかのテーマは何千ものサイトで使われていて、問題なく上位に表示されています。不利になるのは、デモのコンテンツを残したまま公開すること、全ページに仮のディスクリプションが入っていること、Open Graph画像がテンプレート作者のもののままであることです。これらはテンプレートとともにやって来る内容上の問題であって、テンプレートを使ったことへの罰則ではありません。
- ビジュアルなサイトビルダーとは何が違いますか?
- AstroWindは自分が所有し、どこにでもデプロイできるソースコードで、テキストエディタで編集しGitで管理します。あいだに事業者を挟みたくない技術系の創業者に向いています。ビジュアルビルダーはその所有権と引き換えに、非技術者の同僚がデプロイなしで使えるブラウザ上の編集体験を提供します。マーケティング担当者がプルリクエストを開かずに文言を変えたいのであれば、ビルダー側の道のほうがたいてい親切です。
You built it. Now grow it.
AgentCeres is a managed AI marketing team — specialists draft the SEO, social, and outreach that fill your links, you approve what ships. 14-day free trial, from $39/month.