mcpField
A
astrowind

astrowind

github.com/rebyteai-template開発1766 回インストール19 週間前に更新
リポジトリ

astrowind について

AstroWindは、サイトやブログを構築する開発者向けの、Astro 5.0、Tailwind CSS、TypeScriptを使ったテンプレートです。ダークモード、RSS、SEO設定を備え、サイト情報をYAMLで変更できます。

主な機能

  1. 01Astro 5.0とMDX対応
  2. 02Tailwind CSSのスタイル
  3. 03ダークモード
  4. 04ブログとRSS
  5. 05SEO設定
  6. 06YAMLによるサイト設定

活用シーン

  1. 01Astroのサイトプロジェクトを開始
  2. 02RSS付きブログを構築
  3. 03サイトのナビゲーションとSNSリンクを設定

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill astrowind

インストール後、Claude Code で/astrowindを入力して読み込まれたか確認します。

詳細

AstroWind テンプレート

完璧な PageSpeed スコア、ダークモード、RSS 対応ブログ、SEO 最適化を備えた、本番環境対応の Astro 5.0 + Tailwind CSS テンプレートです。

技術スタック

  • フレームワーク: MDX に対応した Astro 5.0
  • スタイリング: Tailwind CSS
  • 言語: TypeScript
  • 機能: ダークモード、RSS、SEO、ブログ
  • パッケージマネージャー: npm
  • 出力先: dist ディレクトリ
  • 開発用ポート: 4321

セットアップ

1. テンプレートをクローンする
git clone --depth 1 https://github.com/Eng0AI/astrowind-template.git .

ディレクトリが空でない場合：

git clone --depth 1 https://github.com/Eng0AI/astrowind-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. Git 履歴を削除する（任意）
rm -rf .git
git init
3. 依存関係をインストールする
npm install

ビルド

npm run build

デプロイ

Vercel（推奨）
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
Netlify
netlify deploy --prod --dir=dist

開発

npm run dev

http://localhost:4321 で開きます

設定

src/config.yaml を編集して、以下をカスタマイズします。

  • サイト名、説明、メタデータ
  • ナビゲーションリンク
  • ソーシャルメディアへのリンク
  • アナリティクス設定

コメント

Markdown 対応