Was ist Astro?

Was ist Astro?

Astro ist ein relativ junges Web-Framework zur Erstellung von Websites und Web-Apps. Tatsächlich ist es im April 2022 erstmalig in einer Version 1.0 erschienen. Trotz seines jungen Alters setzen bereits über 100.000 Teams und Softwareentwickler das Framework ein. Unterstützer finden sich u.a. bei Google, Netlify, NordVPN, The Guardian oder Trivago.Astro verfügt über einige neue, einzigartige Ansätze die die Entwicklung von Webanwendungen und Websites stark verbessern kann. Auf ein paar der Vorteile des Einsatz von Astro wollen wir im Folgenden näher eingehen.

Zero JavaScript

Die oberste Prämisse von Astro ist das Übermitteln von möglichst wenig Javascript an den Browser des Anwenders (Client). Das führt zu äußerst kurzen Ladezeiten der Applikation/Website. Jedoch ist JavaScript teilweise notwendig, um Interaktivität mit der Website zu erzeugen. Dazu hat Astro eine Lösung: Während der Entwicklung kann definiert werden welche Elemente JavaScript nutzen sollen und welche nicht, damit immer möglichst wenig JavaScript an den Nutzer ausgegeben wird.Dieses selektive Auswählen einzelner Komponenten nennt Astro “Astro Islands”, die wir im Folgenden näher beschreiben.

Astro Islands (BYOF)

Astro Islands ermöglichen es eine Auswahl der beliebtesten Frontend-Frameworks in die Applikation zu integrieren (BYOF = Bring Your Own Framework), und zwar *gleichzeitig*. So kann beispielsweise auf einer einzigen Seite ein Header in React.js, die Side-Navigation in Vue.js, der Content in Markdown und der Footer in plain HTML geschrieben werden. Das ermöglicht eine gänzlich neue Herangehensweise an die traditionelle Webentwicklung. Teams können nun je nach Feature auf der Website das favorisierte Framework verwenden, anstatt sich auf eine einzige Technologie festlegen zu müssen.

SSR & API Endpoints

Genauso wie beispielsweise Next.js bietet Astro auch die Möglichkeit Seiten nicht nur statisch zu genieren, sondern auch serverseitig zu rendern. Damit einher geht auch die Fähigkeit zu API Routes. Also serverseitigen Funktionen, die aufgerufen werden können. Damit ist Astro nicht nur ein Client-Javascript-Framework, sondern kann auch die meisten üblichen serverseitigen Aufgaben wie etwa eine Authentifizierung oder das Versenden von E-Mails übernehmen.

Vorteile

Einer der wichtigsten Vorteile von Astro wurde bereits genannt: Eine technologieagnostische Herangehensweise an die Webentwicklung. Nahezu jedes der namhaften Frameworks können in einer Astro-Applikation miteinander kombiniert werden. Außerdem führt der Einsatz von möglichst wenig JavaScript dazu, dass die Ladezeiten einer Website oder Webapplikation möglichst gering ausfallen, was sich merklich auf die UX und Conversion auswirkt.

Nachteile

Astro’s größter Nachteil ist sein junges Alter, durch welches nur wenig Third Party Packages zur Verfügung stehen und dadurch viele Features eine Individualentwicklung benötigen. Z.B. gibt es zum Zeitpunkt des Erscheinens dieses Blogposts keine native Astro Bibliothek für Auth0.Dieser Nachteil lässt sich aber dadurch abfangen, dass durch Astro Islands viele Technologien verwendet werden können, welche ein großes Ökosystem vorweisen können.## Für welche Projekte ist Astro geeignet?
Astro ist vor allem für neue Projekte geeignet, bei denen sich ein Team aus Entwicklern mit unterschiedlichen Frontend-Frameworks zusammentun. Durch die SSR/API-Route Features von Astro können gesamte Applikationen inklusive der meisten Anforderungen umgesetzt werden. Auch ein einfach umzusetzendes Hosting über die gängigen Hosting Anbieter wie Vercel ist möglich.Gegen Astro sprechen große Enterprise-Projekte, die auf eine möglichst erprobte Technologie mit einem möglichst großen Ökosystem zurückgreifen müssen. Auch wenn das Entwickler-Team sich auf eine bestimmte Technologie wie React.js oder Vue.js spezialisiert hat, macht die Anwendung von Astro nur begrenzt Sinn und muss abgewogen werden.

Ausblick

Astro ist zwar sehr jung, konnte sich aber durch seine sehr ansprechenden Features bereits einen Namen machen. Das geringe Alter kommt mit ein paar Nachteilen einher; wie etwa das relativ kleine Ökosystem und wenige Referenzanwendungen. Beide Probleme dürfte sich aber in naher Zukunft von selbst lösen

Astro Agentur gesucht?

Wir haben uns bereits ausgiebig mit Astro beschäftigt. Wenn Sie Astro auch für Ihr Vorhaben evaluieren möchten sprechen Sie uns gerne an.