About astrowind
AstroWind is an Astro 5.0, Tailwind CSS, and TypeScript website template for developers building sites and blogs. It includes dark mode, RSS, and SEO settings, with site details configurable in YAML.
Key features
- 01Astro 5.0 and MDX support
- 02Tailwind CSS styling
- 03Dark mode
- 04Blog and RSS
- 05SEO configuration
- 06YAML site settings
Use cases
- 01Start an Astro website project
- 02Build a blog with RSS
- 03Configure site navigation and social links
Install
Copy the command and run it in a terminal.
$
npx skills add https:/ / github.com/ rebyteai-template/ rebyte-skills --skill astrowindAfter installing, type/astrowindin Claude Code to confirm it loaded.
Details
From the project READMEAstroWind Template
A production-ready Astro 5.0 + Tailwind CSS template with perfect PageSpeed scores, dark mode, blog with RSS, and SEO optimization.
Tech Stack
- Framework: Astro 5.0 with MDX support
- Styling: Tailwind CSS
- Language: TypeScript
- Features: Dark mode, RSS, SEO, Blog
- Package Manager: npm
- Output:
distdirectory - Dev Port: 4321
Setup
1. Clone the Template
git clone --depth 1 https://github.com/Eng0AI/astrowind-template.git .
If the directory is not empty:
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. Remove Git History (Optional)
rm -rf .git
git init
3. Install Dependencies
npm install
Build
npm run build
Deploy
Vercel (Recommended)
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
Development
npm run dev
Opens at http://localhost:4321
Configuration
Edit src/config.yaml to customize:
- Site name, description, and metadata
- Navigation links
- Social media links
- Analytics settings
Comments
Markdown supported