Zauberhaft - Astro-Vorlage
Kostenlose, anpassbare, moderne und blitzschnelle Website-Vorlage für die Astro-Agentur
Erstellen Sie mit Zauberhaft eine moderne und einzigartige Portfolio-Website, die konvertiert.
Passen Sie die Vorlage ganz einfach mit Dienstprogrammklassen und benutzerdefinierten CSS-Eigenschaften an. Legen Sie schnell los und steigern Sie Ihre Online-Präsenz mit der Zauberhaft-HTML-Vorlage.
Demo
Demo ansehen
✅ Warum Zauberhaft?
- ? Völlig kostenlose Nutzung mit Apache-Lizenz 2.0
- ? Atemberaubende Benutzeroberfläche
- ? Alles ist anpassbar. Sie können die CSS-Dienstprogrammklassen oder CSS-Variablen von Ravenbright verwenden, um die Stile zu ändern
- ⚡ Leistungsstarke statische Websites. 98/100 Punkte sowohl für Mobilgeräte als auch für Desktops in Pagespeed Insights
- ♿ Barrierefrei – entspricht WCAG 2.1. Gemessen anhand von Pagespeed Insights, WAVE und Tota11y
- ? In Open Graph-Tags enthalten
- Vollständig responsive und für Mobilgeräte optimierte Landingpage
- ? Kommt mit flüssigen Animationen
Erste Schritte
- Laden Sie den Quellcode von Github Releases herunter
-
cd in den Ordner und führen Sie npm install - Führen Sie anschließend
npm run dev aus, um den lokalen Entwicklungsserver zu starten - Passen Sie die Website an
- Stellen Sie es auf Ihrem bevorzugten Hosting bereit
- Es ist geschafft!
? Anpassung
Zauberhaft wurde mit der Ravenbright CSS-Bibliothek erstellt. Sie können die Vorlage folgendermaßen anpassen:
- Utility-Klassen
- CSS-Variablen
Entwicklung
- Geben Sie
npm run dev auf der CLI ein - Öffnen Sie
localhost:3000 um die Website anzuzeigen
✅ Build-Prozess
- Geben Sie
npm run build on CLI“ ein - Führen Sie
npm run preview aus, um das Build-Ergebnis anzuzeigen. Endlich ist es geschafft? Ihre Website ist bereit zur Bereitstellung
☁️ Bereitstellen
Auf Netlify bereitstellen
Klonen Sie dieses Repository und stellen Sie es auf Netlify bereit:
? Credits und Namensnennungen
- Postprozessor-Tool: PostCSS
- Web-Framework-Tool: Astro
- Fotos mit freundlicher Genehmigung von Unsplash
- Schriftart:
Satoshi von Indian Type Foundry - Platzhalterlogos mit freundlicher Genehmigung von Logoipsum
- Die Symbole wurden mit freundlicher Genehmigung von Tabler und Akar Icons bereitgestellt
Lizenz
Die Zauberhaft-HTML-Vorlage ist unter der Apache-Lizenz 2.0 lizenziert
