Produkt Updates

Dieses Release aktualisiert das Framework auf Astro 7 und führt eine Reihe visueller Varianten für den Homepage-Hero ein, sodass Sie den Stil auswählen können, der am besten zu Ihrem Projekt passt.

✨ Neue Funktionen

• 4 Hero-Varianten: centered (Standard), split, cinematic und terminal — wechseln Sie mit einer einzigen variant-Prop auf <Hero /> zwischen ihnen.
• Live-Demo-Seiten: /demo/home-centered, /demo/home-split, /demo/home-cinematic und /demo/home-terminal zeigen die komplette Startseite mit jeder Variante, verlinkt über ein neues Demos-Menü in der Navigation.
• Geteilter Startseiten-Inhalt: Der Startseiten-Body wurde in eine wiederverwendbare HomeContent-Komponente extrahiert, damit die echte Startseite und alle Demo-Seiten synchron bleiben.

⬆️ Upgrades

• Astro 7: astro und alle @astrojs/*-Integrationen auf ihre Astro-7-kompatiblen Versionen aktualisiert.
• Wrangler 4.107: Aktualisiert, um die neue Peer-Abhängigkeit des Cloudflare-Adapters zu erfüllen.

🐛 Fehlerbehebungen

• Terminal im Developer-Experience-Bereich: Ein Markup-Fehler behoben, bei dem der Name des Installationstools (npx) in einer eigenen Zeile statt zusammen mit seinen Argumenten dargestellt wurde, was die Terminal-Simulation auf der Features-Seite schwer lesbar machte.
• Adapter-Auswahl: Eine Regression behoben, bei der die Seite unabhängig von der Ziel-Deployment-Plattform immer mit dem Vercel-Adapter gebaut wurde.

🌍 Internationalisierung (i18n)

• Übersetzungsschlüssel für die neuen Hero-Statistiken und die „Demos“-Navigationseinträge in Englisch, Französisch, Deutsch und Arabisch hinzugefügt.

Das heutige Update ist ein wichtiger Meilenstein für die Stabilität und Sicherheit von Cooper. Wir haben den gesamten Stack mit den neuesten Industriestandards synchronisiert.

🛡️ Sicherheit & Stabilität

• Null-Schwachstellen-Status: Behebung von über 15 Sicherheitslücken, die im neuesten Audit identifiziert wurden.
• Astro 6.1.3: Synchronisierung aller offiziellen Integrationen mit der neuesten Framework-Version.
• Tailwind CSS 4.2: Vollständige Migration auf die blitzschnelle, CSS-first Engine.
• Vite 7: Nutzung der neuesten Build-Pipeline für verbesserte Performance.

♿ Barrierefreiheit (A11y)

• RGAA 4 & WCAG 2.1 Compliance: Systematische Prüfung und Korrektur der visuellen Kontraste (4,5:1 Verhältnis) und der Struktur zur Einhaltung französischer (RGAA 4) und internationaler Standards.
• Semantische Hierarchie: Korrektur der Überschriftenebenen und Entfernung dekorativer IDs für eine perfekte Navigation mit Screenreadern.
• Soziale ARIA-Labels: Beschreibende, lokalisierte Labels für alle Social-Media-Links hinzugefügt.

🌍 Internationalisierung (i18n)

• Nativer RTL-Support: Verbesserung der Rechts-nach-Links (RTL) Logik für Arabisch.
• Lokalisierte Präpositionen: Kontextsensitive soziale Labels für Englisch, Französisch, Arabisch und Deutsch hinzugefügt.

🧹 Wartung & DX

• Bereinigung: Unnötige cmdk-Abhängigkeit entfernt, um das Bundle zu verkleinern.
• Deployment: Optimierung der Cloudflare Workers Deployment-Pipeline.

Wir freuen uns, ankündigen zu können, dass Cooper auf Astro 6 aktualisiert wurde!

🚀 Astro 6 Vorteile

• Schnellere Builds: Erleben Sie deutlich reduzierte Build-Zeiten.
• Verbesserte Entwicklererfahrung: Aktualisierte Integrationen und Tools.
• Verbesserte Leistung: Nutzen Sie die neuesten Astro-Funktionen.

🔍 Such-Upgrade

• Pagefind durch Fuse.js ersetzt: Umstellung auf eine leichtgewichtige, clientseitige Fuzzy-Suchmaschine für schnellere und flexiblere Suchergebnisse.

Wir finalisieren die Roadmap für unser erstes großes Release. Der Fokus liegt auf drei wichtigen Säulen:

🌍 Internationalisierung (i18n)

Wir bauen ein robustes i18n-System von Grund auf neu.

• Mehrsprachiger Support: Nahtloses Routing für en, fr, de und ar.
• RTL-Support: Erstklassige Unterstützung für Sprachen, die von rechts nach links geschrieben werden, wie Arabisch.
• Typsichere Übersetzungen: Ein typsicheres Wörterbuch für alle UI-Komponenten.

🔍 Suchfunktionen

Integration einer leistungsstarken statischen Suchmaschine für sofortige Ergebnisse.

• Pagefind-Integration: Statische Suchindizierung ohne Konfiguration.
• Befehlspalette: Cmd+K-Schnittstelle für schnelle Navigation.
• Mehrsprachige Indizierung: Suchergebnisse berücksichtigen die aktuelle Sprache.

🔓 Open Source

Vorbereitung des Repositories für die öffentliche Freigabe.

• MIT-Lizenz: Vollständig Open Source für die Nutzung durch die Community.
• Beitragsleitfaden: Klare Richtlinien für Mitwirkende.
• Öffentliches Repository: Übergang von privater Entwicklung zu öffentlichem GitHub-Repo.

Ein kritisches Update mit Fokus auf Sicherheitsabhängigkeiten und Build-Optimierung.

🛡️ Sicherheitsupdates

• Alle Abhängigkeiten aktualisiert, um bekannte Schwachstellen zu beheben.
• Content Security Policy (CSP) Header in der Standardkonfiguration implementiert.
• Eingabefelder im Kontaktformular bereinigt, um XSS-Angriffe zu verhindern.

🚀 Performance

• Bildoptimierung: Verbesserte astro:assets-Konfiguration für 20 % kleinere WebP-Dateien.
• Lazy Loading: Natives Lazy Loading für alle Bilder unterhalb des Sichtbereichs aktiviert.

[!IMPORTANT] Dieses Update wird für alle Produktionsbereitstellungen empfohlen.

Wir haben die gesamte Codebasis auditiert, um perfekte Lighthouse-Scores zu erzielen.

⚡ Performance

• Partytown Integration: Ausführung von Drittanbieter-Skripten außerhalb des Hauptthreads.
• Schriftart-Optimierung: Self-gehostete Schriftarten mit font-display: swap jetzt standardmäßig.
• Kritisches CSS: Kritische Stile inline für sofortiges First Contentful Paint (FCP).

Komponenten

• Image: Neuer Picture-Komponenten-Wrapper für erweiterte Art Direction.

Vollständige Kontrolle über die visuelle Identität Ihrer Marke mit unserer neuen Theming Engine.

🎨 Theming-Funktionen

• Dynamische CSS-Variablen: Primärfarben zur Laufzeit ohne Neubuild ändern.
• Theme-Presets: Enthält die Presets „Midnight”, „Ocean” und „Forest”.
• Kontrastprüfung: Automatische Warnung in der DevToolbar, wenn der Farbkontrast zu niedrig ist.

Weitere Änderungen

• RTL-Unterstützung in der LogoCloud-Komponente hinzugefügt.

Eine dedizierte Version, um die Benutzeroberfläche lebendiger und reaktionsschneller zu machen.

✨ UX-Verbesserungen

• Button-Feedback: Aktive Zustände und subtile Skalierungsanimationen beim Klicken hinzugefügt.
• Formular-Fokus: Verbesserte Fokusringe mit animierten Übergängen.
• Seitenübergänge: Flüssigere Übergänge zwischen Seiten mit der Astro View Transitions API.

Dieses Update konzentriert sich auf die Behebung von Fehlern und die Verfeinerung der Benutzererfahrung.

🐛 Fehlerbehebungen

• Layout-Verschiebung in der Hero-Komponente unter Safari behoben.
• Z-Index-Konflikte zwischen Navbar und Modal-Overlays gelöst.
• Kontrastverhältnisse für Text im Dark Mode korrigiert, um WCAG-AA-Standards zu erfüllen.

Verbesserungen

• Typografie: Zeilenhöhen für bessere Lesbarkeit bei langen Inhalten angepasst.
• Footer: Abstände verfeinert und Hover-Zustände für Social-Media-Icons hinzugefügt.

Wir haben das UI-Kit mit wichtigen neuen Komponenten erweitert, damit Sie schneller bauen können.

Neue Komponenten

• Timeline: Visualisieren Sie Ihre Unternehmensgeschichte oder Roadmap.
• Logo Cloud: Stellen Sie Partner-/Kundenlogos professionell mit Graustufen-zu-Farbe-Hover-Effekten dar.
• Breadcrumbs: Verbesserte Navigation für verschachtelte Seiten.

Ebenfalls enthalten:

• Aktualisierter Header mit Sticky-Positionierung.
• Verbesserte Barrierefreiheit (ARIA-Labels) auf allen Schaltflächen.

Der Beginn von etwas Großem! Cooper v0.0.1 ist offiziell veröffentlicht.

Kernfunktionen

• ⚡ Astro v5 Integration für blitzschnelle Performance.
• 🎨 TailwindCSS Styling mit benutzerdefinierter Theme-Unterstützung.
• 📱 Responsives Design Mobile-First-Ansatz.
• 🌗 Dark Mode vollständig unterstützt.

Diese Version legt das Fundament für hochleistungsstarke Marketing-Websites.