Als ASUS uns beauftragte, eine neue Landingpage zu entwickeln, die sich nahtlos in ihr bestehendes CMS einfügt, standen wir vor ein paar besonderen technischen Herausforderungen. Statt auf schwergewichtige, JavaScript-zentrierte Frameworks wie Next.js oder Gatsby zu setzen, die in der Regel viel Konfiguration und Erfahrung brauchen, um wirklich performant zu laufen, haben wir uns entschieden, Astro anzuwenden.


Für uns fühlte sich das wie eine echte Erleichterung an. Astro denkt Website-Generierung einfach andersrum: Statt mit einem schweren JavaScript-Stack zu starten und dieses nachträglich zu optimieren, beginnt Astro mit sauberem HTML und bringt JavaScript nur dort ins Spiel, wo es wirklich gebraucht wird.

Dieser Ansatz hat uns völlige Transparenz darüber gegeben, was die Website tatsächlich lädt. Das neu Laden war blitzschnell, und die üblichen Server-Side-Hydration-Fehler oder kryptischen Warnungen blieben uns komplett erspart. Weil Astro den klassischen Overhead der Website-Generierung radikal reduziert, konnten wir uns voll auf die eigentliche Umsetzung konzentrieren — flüssige Slider, Bildeffekte und Animationen mit React, GSAP und Tailwind. Am Ende war die Integration in das ASUS CMS fast schon Nebensache.

Und obwohl wir für dieses Projekt wahrscheinlich nur etwa 20 % von Astros Potenzial ausgeschöpft haben, ist es für uns schon jetzt das vielversprechendste Framework für performante Websites.

Bei der ASUS Landingpage drehte sich alles um das visuelle Erlebnis: Sie sollte sich leicht, fließend und weich anfühlen. Ganz ohne harte Schnitte oder abrupte Übergänge. Die meisten Standard-Slider können zwar die Grundfunktionen abbilden, wirken aber oft unrund und fügen sich nicht in das Gesamtbild der Seite ein.

Um das zu lösen, haben wir die Slider mit GSAP komplett von Grund auf selbst gebaut. Dadurch konnten wir Texte, Bilder und Video-Übergänge genauso fließend animieren wie alle anderen Elemente der Seite. Mit diesem individuellen Ansatz wurde aus einer komplexen technischen Anforderung eine Lösung, die sich nahtlos in die Seite einfügt.