AstroWind Vorlage
Eine produktionsreife Astro 5.0 + Tailwind CSS Vorlage mit perfekten PageSpeed-Werten, Dark Mode, Blog mit RSS und SEO-Optimierung.
Tech-Stack
- Framework: Astro 5.0 mit MDX-Unterstützung
- Styling: Tailwind CSS
- Sprache: TypeScript
- Features: Dark Mode, RSS, SEO, Blog
- Paketmanager: npm
- Ausgabe:
dist-Verzeichnis - Dev-Port: 4321
Einrichtung
1. Vorlage klonen
git clone --depth 1 https://github.com/Eng0AI/astrowind-template.git .
Falls das Verzeichnis nicht leer ist:
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-Verlauf entfernen (Optional)
rm -rf .git
git init
3. Abhängigkeiten installieren
npm install
Build
npm run build
Deployment
Vercel (Empfohlen)
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
Entwicklung
npm run dev
Öffnet unter http://localhost:4321
Konfiguration
Bearbeite src/config.yaml, um anzupassen:
- Seitenname, Beschreibung und Metadaten
- Navigationslinks
- Social-Media-Links
- Analytics-Einstellungen