Waldheim.dev Relaunch (v24.0): Astro.js & Tailwind CSS für Performance und SEO
Relaunch der waldheim.dev Website mit Astro.js und Tailwind CSS.
Waldheim.dev
waldheim.devFirmenwerte
IT-Dienstleister für Softwareentwicklung, Beratung, DevSecOps und Design.
Waldheim.dev ist ein Kleinunternehmen, das sich auf Softwareentwicklung, IT-Beratung, DevSecOps, Design und Prozessoptimierung spezialisiert hat. Zertifizierter Scrum-Master. Entwicklung von Open-Source-Produkten.
- Branche
- IT-Dienstleister
- Projektgröße
- 1 Person
- Projektdauer
- 40 Wochen
Das Problem
Die vorherige Version der waldheim.dev Website war aufgrund der verwendeten Technologien und der gewachsenen Struktur schwer zu warten. Die Pflege der Inhalte und die Implementierung neuer Funktionen waren zeitaufwändig. Auch die Ladezeiten und die SEO-Performance waren verbesserungswürdig.
Mit welchem Tech-Stack habe ich gearbeitet?
Astro
Ionos
CSS
SCSS
NodeJS
Docker
Eslint
GitLab
Git Basics
HTML
JavaScript
Tailwind CSS
SemanticUnsere Lösung
Kompletter Relaunch der Website mit dem modernen JavaScript-Framework Astro.js und dem Utility-First-CSS-Framework Tailwind CSS. Diese Kombination ermöglicht eine sehr hohe Performance, eine gute SEO-Performance und eine deutlich verbesserte Wartbarkeit. Die Entwicklungsprozesse wurden durch automatisierte Deployments (GitLab CI) optimiert.
Auf was habe ich geachtet?
- Design
- Tailwind CSS-basiertes Design
- Optimierung für mobile Endgeräte (Mobile First)
- CSS-Animationen und visuelles Feedback für verbesserte User Experience
- Unterstützung von Dark Mode und Light Mode
- Frontend
- Entwicklung einer performanten Website mit Astro.js
- Strikte Einhaltung von Webstandards
- Implementierung von Caching-Strategien
- Responsive Design für optimale Darstellung auf allen Geräten
- Allgemein
- Neuentwicklung mit Astro.js
- Optimierung der Ladezeiten (Performance)
- Verbesserung der Suchmaschinenoptimierung (SEO)
- Erhöhung der Code-Qualität
- Optimierung der Entwicklungsworkflows
- Integration eines Blog-Features