AstroWind テンプレート は何をしますか？
PageSpeed 満点、ダークモード、RSS 対応ブログ、SEO 最適化を備えたプロダクション対応の Astro 5.0 + Tailwind CSS テンプレートです。
技術スタック
- フレームワーク: Astro 5.0（MDX サポート）
- スタイリング: 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 を編集して以下の項目をカスタマイズ:
- サイト名、説明、メタデータ
- ナビゲーションリンク
- ソーシャルメディアリンク
- アナリティクス設定