Astro · E-Commerce · Headless Storefront

Astro E-Commerce: schnelle Storefront, ehrliche Architektur.

Astro ist kein Shopsystem – und genau das ist der Punkt. Astro ist ein Webframework für content-getriebene Websites: Es rendert auf dem Server und liefert standardmäßig statisches HTML aus. Im E-Commerce heißt das, Astro übernimmt die Storefront, während Katalog, Preise, Warenkorb, Steuern und Checkout in einem Commerce-System bleiben – Shopify, Saleor, Medusa, commercetools oder was Sie bereits betreiben. Wir bauen diese Storefronts, wir hängen für kleine Sortimente auch einen leichten Checkout an eine Content-Website, und wir sagen Ihnen, wenn Ihr Vorhaben in Wahrheit ein Plattform- oder Softwareprojekt ist. Dazu kommt etwas, das selten in derselben Agentur liegt: Wir beraten auch zum Backoffice dahinter – Auftragseingang, ERP-Anbindung, Kommissionierung, Versand.

Astro ist die Storefront, nicht der Shop

Bestand, Preisberechnung, Warenkorb-Logik, Steuern und Zahlung bleiben im Commerce-System. Astro rendert die Oberfläche – deshalb bleibt sie leicht.

Statisch, wo es geht. Dynamisch, wo es muss.

Kategorie-, Produkt- und Contentseiten werden vorgerendert; Warenkorb, Konto und Suche laufen als On-Demand-Routen. Diese Grenze legen wir pro Route fest, nicht pauschal für das Projekt.

Storefront plus Backoffice

Wir kommen nicht nur aus der Web-Entwicklung, sondern auch aus der E-Commerce-Prozessberatung: Auftragsabwicklung, ERP-Integration, Pick/Pack/Ship, Versanddienstleister.

01 — Kurz gesagt

Astro im E-Commerce: das Wichtigste in sechs Punkten.

Kurz gesagt
  • Was Astro hier ist: die Präsentationsschicht. Ein quelloffenes Webframework unter MIT-Lizenz, aktuell in der Astro-7-Linie, das serverseitig rendert und standardmäßig statisches HTML ausliefert. Ein Shopsystem ist es nicht und will es nicht sein.
  • Muster 1 – Headless Commerce: Ihr Commerce-System bleibt die Engine, Astro rendert den Laden davor. Für Marken, deren Storefront schneller, eigenständiger oder content-näher sein soll als das Standard-Theme.
  • Muster 2 – leichter Checkout am Content: überschaubares Sortiment, Zahlung über einen Anbieter wie Stripe oder Snipcart, kein vollwertiges Shopsystem. Für Manufakturen, Kurse, Bücher, Ersatzteile.
  • Muster 3 – Content-first mit Verkauf: Magazin, Marke oder Fachportal, bei dem der Shop ein kleiner Teil des Auftritts ist. Der Inhalt trägt die Sichtbarkeit, der Verkauf hängt dran.
  • Die Technik, die im Shop wirklich zählt: statisches Vorrendern für Katalog und Inhalt, On-Demand-Rendering pro Route für Warenkorb und Konto, Server Islands für personalisierte Elemente, und die eingebaute Bildoptimierung – nirgendwo wiegen Bilder so schwer wie im Produktkatalog.
  • Wann Astro die falsche Antwort ist: bei tief personalisierten Sortimenten, kundenindividuellen Preisen, komplexer Facettensuche und viel Warenkorb-Zustand. Das ist Plattform- oder Individualsoftware-Arbeit – und eine Shopify-Storefront, die gut konvertiert, braucht überhaupt keinen Wechsel.
02 — Ausgangslage

Warum Händler über eine eigene Storefront nachdenken.

Es ist fast nie die Technik, mit der ein Gespräch beginnt. Es ist eine dieser sechs Situationen:

Die Theme-Falle

Ihr Shop-Theme ist über Jahre gewachsen. Jede Kampagne hat ein Snippet hinterlassen, jede App ein Skript. Niemand traut sich mehr, etwas zu entfernen – und die Startseite lädt inzwischen langsamer als die Produktseiten, die Geld verdienen.

Content und Shop leben getrennt

Das Magazin liegt auf WordPress, der Shop auf einer Plattform, das Design ist zweimal gebaut. Wer von einem Ratgeberartikel zum Produkt klickt, merkt am Sprung im Layout, dass er die Firma gewechselt hat.

Produktbilder in Originalgröße

Die Fotos kommen aus der Produktion, mit 4.000 Pixel Kantenlänge und in einem Format von 2010. Auf dem Handy im Ladennetz ist die Kategorieseite dadurch eine Geduldsprobe – und das Layout springt beim Nachladen.

Die Landingpage-Warteschlange

Ihr Marketing braucht für den Saisonstart drei Landingpages. Im Theme ist dafür kein Baustein vorgesehen, also wandert die Anfrage in die Entwickler-Warteschlange – und die Saison ist vorbei, bevor die Seite steht.

Der Shop, der eigentlich ein Katalog ist

Sie verkaufen dreißig Artikel, betreiben aber ein komplettes Shopsystem mit allem, was dazugehört: Updates, Erweiterungen, Kosten, Komplexität. Neunzig Prozent der Funktionen hat noch nie jemand angefasst.

Bestellungen werden abgetippt

Vorne läuft der Verkauf, hinten tippt jemand Aufträge in die Warenwirtschaft und pflegt Bestände von Hand. Das ist kein Storefront-Problem – aber es entscheidet darüber, ob mehr Umsatz Ihnen hilft oder Sie überrollt. Dafür gibt es unsere E-Commerce-Prozessberatung.

03 — Die drei Muster

Drei realistische Wege, mit Astro zu verkaufen.

Es gibt nicht „den Astro-Shop“. Es gibt drei Architekturen, die in der Praxis funktionieren – und die Wahl zwischen ihnen ist die wichtigste Entscheidung des Projekts.

Headless Commerce

Ihr Commerce-System bleibt die Engine für Katalog, Bestand, Preise, Warenkorb und Checkout. Astro holt die Daten über die dokumentierte Schnittstelle des Anbieters und rendert Kategorien, Produktseiten, Inhalte und Kampagnenseiten selbst. Üblich mit Shopify, Saleor, Medusa oder commercetools – wir binden an, was Sie betreiben. Der Checkout bleibt in der Regel beim Anbieter, weil Zahlung, Betrugsprüfung und Steuerlogik dort hingehören.

Website-Entwicklung

Leichter Checkout am Content

Kein Shopsystem, sondern eine Content-Website mit Verkaufsfunktion: Produkte liegen als typisierte Inhalte im Repository, Zahlung und Bestellabwicklung übernimmt ein Anbieter wie Stripe oder Snipcart. Passt für überschaubare Sortimente ohne Varianten-Dschungel – Manufakturen, Kurse, Fachbücher, Ersatzteile, Merchandise. Deutlich weniger Technik zu betreiben, und die Kosten laufen nicht mit dem Sortiment mit.

Content Collections

Content-first mit Verkauf

Der eigentliche Job der Website ist Inhalt: Magazin, Marke, Fachportal, Vereinsauftritt, Community. Verkauft wird auch, aber der Shop ist ein Nebenschauplatz. Hier trägt der Inhalt die Sichtbarkeit, und der Verkauf hängt an genau den Stellen, an denen Leser ohnehin schon lesen. Inhalte kommen aus dem Repository oder aus einem Headless CMS.

Headless CMS
04 — Technik

Was Astro im Shop technisch tatsächlich beiträgt.

Nicht alles, was ein Framework kann, spielt im E-Commerce eine Rolle. Diese sechs Punkte tun es – und sie sind der Grund, warum eine Astro-Storefront leichter bleibt als ein gewachsenes Theme:

  • Statisch vorrendern, gezielt aufbrechen – Standardmäßig wird die gesamte Astro-Website vorgerendert und als statisches HTML ausgeliefert. Kategorieseiten, Produktseiten, Ratgeber, Landingpages: alles auslieferbar aus dem CDN. Nur die Routen, die es wirklich brauchen – Warenkorb, Konto, Bestellstatus, Suche – bekommen über export const prerender = false On-Demand-Rendering. Dafür kommt ein Adapter für die Ziellaufzeit dazu; offiziell gepflegt sind unter anderem Node, Vercel und Cloudflare.
  • Server Islands für alles Personalisierte – Ein Warenkorb-Zähler in der Kopfzeile darf nicht die ganze Seite dynamisch machen. Über server:defer rendert Astro solche Elemente serverseitig separat nach – die Hülle der Seite bleibt aggressiv cachebar, das personalisierte Element blockiert das erste Rendering nicht. Genau dieser Trennschnitt entscheidet im Shop darüber, ob die Kategorieseite aus dem Cache kommt oder jedes Mal neu gebaut wird.
  • Bilder – nirgendwo zahlt es sich mehr aus – Die Bildoptimierung ist eingebaut. Die <Image />-Komponente setzt Ladeverhalten und Dekodierung, leitet die Maße ab und verhindert damit den Layout-Sprung beim Nachladen; <Picture /> erzeugt mehrere Formate und Größen mit Fallback. Wichtig für Shops: Bilder, die aus dem CDN Ihres Commerce-Systems kommen, müssen in der Konfiguration als Remote-Quelle freigegeben werden, und Dateien in public/ umgehen die Verarbeitung komplett. Beides gehört ins Konzept, nicht ins Nachspiel.
  • Interaktivität dosiert statt pauschal – Varianten-Auswahl, Filter, Bildergalerie, Größentabelle: Das sind Inseln auf einer sonst statischen Seite. Über client:load, client:idle und client:visible entscheiden wir pro Komponente, ob sie sofort, im Browser-Leerlauf oder erst beim Sichtbarwerden hydratisiert. Astro ist dabei UI-Framework-agnostisch – React, Preact, Svelte, Vue, SolidJS und Alpine.js sind offiziell integriert, bestehende Komponenten müssen also nicht weggeworfen werden.
  • Inhalte typisiert, Produktdaten an der Quelle – Redaktionelle Inhalte – Ratgeber, Kampagnen, Lookbooks, Pflegehinweise, FAQ – liegen in Content Collections mit Zod-Schema, mit automatisch abgeleiteten TypeScript-Typen und eingebautem Caching, das auch bei tausenden Einträgen trägt. Produktdaten bleiben dort, wo sie hingehören: im Commerce-System oder im PIM. Wir kopieren keinen Katalog in ein zweites System, das dann auseinanderläuft.
  • Website per Chat pflegen – Weil das Inhaltsmodell typisiert und schema-validiert ist, ist es maschinell adressierbar. Wir setzen darauf einen KI-Agenten – in der Regel einen Telegram-Bot: Kampagnentext ändern, Ratgeberbeitrag anlegen, Bild tauschen, Aktionsdatum korrigieren, als Nachricht statt als CMS-Sitzung. Jede Änderung wird ein nachvollziehbarer Commit mit Vorschau, Historie und Rollback. Details unter Website per Chat pflegen.

Framework

Astro – Open Source unter MIT-Lizenz, aktuell in der Astro-7-Linie. Multi-Page-Architektur mit Server-Rendering als Standard, nicht das Single-Page-Modell.

Commerce-Seite

Die Engine wählen Sie: Shopify, Saleor, Medusa, commercetools oder das System, das Sie schon betreiben. Für kleine Sortimente reicht ein Zahlungsanbieter wie Stripe oder Snipcart.

Backoffice

Auftragseingang, ERP, Kommissionierung, Versand und Marktplätze sind bei uns dieselbe Abteilung: E-Commerce-Prozessberatung und Amazon Seller Central Beratung.

05 — KI-Stack

Der Teil, der Ihrem Marketing die Warteschlange erspart.

Der häufigste Engpass im Shop-Alltag ist nicht die Ladezeit, sondern der Weg einer Textänderung. Ein Preis im Aktionsbanner stimmt nicht mehr, eine Größentabelle ist veraltet, die Kampagnenseite braucht drei neue Absätze – und all das wartet auf jemanden, der ein System öffnet, in dem er sich auskennt.

Wir setzen deshalb auf Astro einen modernen KI-Stack obendrauf: Ihre Website lässt sich im Chat bearbeiten. In der Regel über einen Telegram-Bot, weil der schnell eingerichtet ist, Sprachnachrichten und Bilder transportiert und auf jedem Gerät läuft. Sie schreiben oder sprechen, was sich ändern soll; der Agent liest das Schema der betroffenen Collection, schreibt die Änderung und schickt eine Vorschau zurück.

Technisch trägt das, weil das Inhaltsmodell typisiert und über Zod schema-validiert ist. Das Schema ist zugleich die Leitplanke: Ein Feld, das es nicht gibt, kann der Agent nicht füllen, und ein ungültiger Wert bricht den Build – nicht die Live-Seite. Jede Änderung läuft als nachvollziehbarer Commit mit Historie und Rollback. Das funktioniert für ein Konzern-Redaktionsteam genauso wie für den Einzelunternehmer, der nie ein CMS öffnen wird: Wer eine Sprachnachricht schicken kann, kann seine Website pflegen. Dass Chat-Agenten bei uns Tagesgeschäft sind und nicht Folienware, belegt der WhatsApp-KI-Agent, den wir für den eigenen Vertrieb gebaut und im echten Kundenkontakt betrieben haben.

Und die Grenzen, damit daraus kein Marketing-Sprech wird: Der Chat-Weg ersetzt kein Redaktionssystem mit Freigabe-Workflows für große Teams – er ergänzt es. Die redaktionelle Verantwortung bleibt bei Ihnen; ein Agent schlägt vor und schreibt, er entscheidet nicht. Strukturelle Änderungen – neue Seitentypen, Layout, Navigation – bleiben Entwicklungsarbeit. Und im E-Commerce gilt eine zusätzliche Regel, auf der wir bestehen: Produktdaten, Preise und Bestände laufen nicht über den Chat. Die haben genau eine Quelle, und das ist Ihr Commerce-System oder Ihr ERP. Der Chat-Weg ist für redaktionelle Inhalte da. Welche Collections und Felder erreichbar sind und welche Freigabestufe dahinterliegt, legen wir pro Projekt fest, bevor der erste Commit läuft.

Was über Chat läuft

Ratgeber und Magazinbeiträge, Kampagnen- und Landingpage-Texte, Pflege- und Versandhinweise, FAQ-Einträge, Bilder mit Alt-Text, Aktionszeiträume.

Was nicht über Chat läuft

Preise, Bestände, Varianten, Steuersätze, Bestelldaten. Eine Quelle pro Datum – sonst verkaufen Sie irgendwann, was nicht mehr da ist.

Beleg statt Behauptung

Wir haben einen WhatsApp-KI-Agenten für den eigenen Vertrieb gebaut und betrieben – mit Eskalation an einen Menschen und Monitoring.

Storefront, Checkout oder doch das Backoffice?

Beschreiben Sie in drei Sätzen, was Sie verkaufen, worauf und woran es hakt. Sie bekommen eine ehrliche Einschätzung: welches der drei Muster passt – und ob Ihr Problem überhaupt vorne an der Storefront sitzt.

06 — Vorgehen

So läuft ein Astro-E-Commerce-Projekt bei uns.

Derselbe Ablauf wie in allen unseren Astro-Projekten – nur mit zwei zusätzlichen Fragen, die im Shop früh geklärt gehören: Woher kommen die Produktdaten, und was passiert nach dem Klick auf „Kaufen“?

Ersteinschätzung

Sie beschreiben Sortiment, Verkaufskanäle, Systeme und den Redaktionsalltag. Wir sagen, welches der drei Muster passt, wo die Risiken liegen und welcher Aufwand realistisch ist – auch dann, wenn die ehrliche Antwort „bleiben Sie bei Ihrer jetzigen Storefront“ lautet. Die Einschätzung kostet nichts und ist nicht daran gebunden, dass wir das Projekt bekommen.

Inhaltsmodell & Architektur

Welche Seitentypen gibt es, welche Felder gehören dazu, welche Daten kommen aus dem Commerce-System und welche aus dem Repository oder CMS? Hier fällt auch die Entscheidung, welche Routen vorgerendert werden und welche On-Demand-Rendering brauchen – das bestimmt später Hosting, Cache-Strategie und Betriebskosten.

Design & Komponenten

Layout, Typografie und eine überschaubare Komponentenbibliothek: Produktkarte, Varianten-Auswahl, Filter, Galerie, Kampagnenmodule. Aus Bausteinen entstehen neue Kategorien und Landingpages später in Stunden statt in Sprints – genau das löst die Warteschlange im Marketing auf.

Umsetzung

Anbindung an das Commerce-System, Produkt- und Kategorierouten, Inhalte, Bilder, Suche, Formulare. Interaktive Inseln bekommen bewusst eine Ladepriorität zugewiesen, personalisierte Elemente laufen als Server Islands. Typprüfung und Build laufen in der Continuous Integration, nicht auf dem Rechner eines Einzelnen.

Launch mit SEO-Netz

Im Shop ist das der heikelste Schritt, weil Produkt- und Kategorie-URLs Umsatz tragen. Der Ablauf: Inventar aller URLs inklusive Paginierung, Filter- und Query-Varianten, Ranking- und Backlink-Analyse, 1:1-Mapping, 301-Weiterleitungen, Prüfung von Metadaten und Produkt-Auszeichnung im Staging, Sitemap, Search-Console-Setup, IndexNow und Monitoring in den ersten Wochen. Wir messen vorher und nachher in Ihrem eigenen Projekt.

Übergabe oder Betreuung

Das Repository gehört Ihnen, der Code steht dokumentiert darin, Redaktion und Shop-Team bekommen eine Einweisung. Danach entscheiden Sie: selbst weiterbauen, uns punktuell dazuholen oder die laufende Betreuung abgeben.

07 — Entscheidung

Wann eine Astro-Storefront passt – und wann nicht.

Die rechte Spalte ist der ehrlichere Teil dieser Seite. Sie gewinnt in unseren Erstgesprächen häufiger, als es einer Agenturseite lieb sein sollte – und wenn sie gewinnt, sagen wir das, bevor ein Angebot geschrieben wird.

Astro als Storefront passt, wenn …

Der Inhalt rund um das Produkt entscheidet mit über den Verkauf, und die Commerce-Logik darf beim Anbieter bleiben.

  • Ihr Sortiment überschaubar und stabil ist – Dutzende bis einige tausend Artikel, ohne täglich wechselnde Struktur.
  • Ihre Marke über Inhalte verkauft: Ratgeber, Lookbooks, Anwendungsfälle, Vergleiche, Fachwissen. Astro ist für genau diese Art Website gebaut.
  • Sie eine eigene Storefront wollen statt eines Themes mit Grenzen – eigenes Repository, eigenes Deployment, kein Plattform-Lock-in an der Oberfläche.
  • Ihr Marketing selbst Landingpages aus Bausteinen zusammensetzen soll, ohne dass jede Kampagne durch die Entwickler-Warteschlange muss.
  • Sie Ladezeit und Sichtbarkeit messbar verbessern wollen und bereit sind, dafür Architekturentscheidungen zu treffen statt Erweiterungen zu installieren.
  • Ihr Shop klein ist und ein vollwertiges Shopsystem überdimensioniert wäre – dann reicht ein leichter Checkout an der Content-Website.

Eine Plattform oder eigene Software passt besser, wenn …

Dann empfehlen wir den anderen Weg – und bauen ihn im Zweifel selbst, statt Astro passend zu reden.

  • Ihr Katalog tief personalisiert ist: kundenindividuelle Preise, Staffeln, Rahmenverträge, gesperrte Sortimente je Kundengruppe. Das ist Commerce-Logik, keine Rendering-Frage.
  • Sie komplexe Facettensuche über zehntausende Varianten brauchen, mit Filtern, die sich gegenseitig einschränken und live Bestände berücksichtigen.
  • Der Warenkorb viel Zustand im Browser hält: Konfiguratoren, Angebotsprozesse, mehrstufige B2B-Bestellungen mit Freigaben. Dafür bauen wir individuelle Software.
  • Ihre bestehende Storefront gut konvertiert. Ein funktionierender Shop wird nicht neu gebaut, weil ein Framework interessanter ist. Dann optimieren wir lieber gezielt: Conversion-Optimierung.
  • Niemand im Haus mit Git und Deployments arbeiten will und auch keine Betreuung eingeplant ist. Werkzeuge, die niemand bedient, werden zum Risiko.
  • Ihr eigentliches Problem hinter dem Verkauf liegt: Aufträge werden abgetippt, Bestände laufen auseinander, der Versand frisst Stunden. Dann fangen wir dort an: E-Commerce-Prozessberatung.
08 — Zeit & Kosten

Wie lange es dauert – und was den Rahmen bewegt.

Eine Storefront mit überschaubarem Sortiment, angebunden an ein bestehendes Commerce-System, liegt bei uns typischerweise bei acht bis vierzehn Wochen von der Ersteinschätzung bis zum Go-Live. Eine Content-Website mit leichtem Checkout und kleinem Katalog ist deutlich schneller – vier bis acht Wochen sind hier realistisch. Und nach oben ist die Spanne offen: Sobald mehrere Märkte, mehrere Sprachen, B2B-Logik oder eine Datenmigration aus einem gewachsenen System dazukommen, sprechen wir über sechzehn Wochen und mehr.

Das sind Erfahrungswerte für die Planung, keine Zusage. Ehrlicher ist es, die Variablen zu nennen, die diese Spanne tatsächlich bewegen:

  • Sortimentsgröße und Varianten. Nicht die Artikelzahl allein, sondern wie viele Achsen ein Produkt hat und wie viele Sonderfälle im Katalog stecken.
  • Anzahl echter Seitentypen. Fünf Seitentypen mit klaren Bausteinen sind schneller gebaut als zwanzig Einzelseiten mit Sonderlayouts.
  • Märkte, Sprachen, Währungen. Jede zusätzliche Sprache betrifft Inhaltsmodell, URL-Struktur, Redaktionsprozess und Weiterleitungen gleichzeitig.
  • B2B-Anforderungen. Kundenpreise, Staffeln, Freigabeprozesse, Rechnungskauf. Der größte einzelne Hebel auf den Aufwand – und oft das Argument für eine Plattform statt einer eigenen Storefront.
  • Datenmigration und URL-Historie. Wie sauber sind die Bestandsdaten, wie viele URLs tragen Umsatz, wie viele Weiterleitungen sind zu bauen und zu prüfen.
  • Backoffice-Integration. ERP, Warenwirtschaft, Versanddienstleister, Marktplätze. Häufig der Teil, der über den Erfolg entscheidet – und der auf keiner Storefront-Checkliste steht.
  • Redaktionsprozess. Wer pflegt was, wer gibt frei, und über welchen Weg. Das entscheidet, ob Content Collections reichen oder ein Headless CMS dazukommt.

Preise stehen aus einem einfachen Grund nicht auf dieser Seite: Eine Zahl ohne diese Variablen wäre geraten. Nach dem Erstgespräch bekommen Sie eine nachvollziehbare Schätzung mit ausgeschriebenen Annahmen – und Sie sehen, welche Annahme welchen Betrag bewegt. Wie sich unsere Rahmen generell zusammensetzen, steht unter Astro-Kosten.

Was wir nicht versprechen: keine Umsatzsteigerung um X Prozent, keine garantierte Position, keine Kennzahl aus einem fremden Benchmark. Wir haben zum jetzigen Zeitpunkt keine öffentliche Astro-Shop-Referenz, und wir tun nicht so als ob. Was wir stattdessen anbieten: eine Messung Ihrer Core Web Vitals und Ihrer Sichtbarkeit vor und nach dem Wechsel, in Ihrem eigenen Projekt, mit Ihren echten Nutzern – und die Bereitschaft, Ihnen vorher zu sagen, wenn wir den Aufwand nicht für gerechtfertigt halten.

Typischer Rahmen

Storefront am bestehenden Commerce-System: acht bis vierzehn Wochen. Content-Website mit leichtem Checkout: vier bis acht Wochen. Mit Mehrsprachigkeit, B2B-Logik oder Migration: sechzehn Wochen und mehr.

Was den Rahmen sprengt

B2B-Preislogik, mehrere Märkte gleichzeitig, unsaubere Bestandsdaten und ein Backoffice, das erst während des Projekts auffällt.

Was ihn verkleinert

Ein klar geschnittenes Sortiment, ein Commerce-System, das bleibt, wie es ist, und ein Team, das früh entscheidet, wer Inhalte pflegt.

09 — Auf einen Blick

Astro E-Commerce auf einen Blick.

Acht Zeilen, die Sie im Erstgespräch ohnehin fragen würden – inklusive der Zeile, in der wir uns festlegen.

DimensionWie es mit Astro aussiehtWorauf Sie achten müssen
Rolle von Astro Präsentationsschicht. Astro rendert die Storefront und die Inhalte drumherum – server-first, standardmäßig als statisches HTML. Astro ist kein Shopsystem. Bestand, Preisberechnung, Steuern und Zahlung brauchen eine Commerce-Engine oder einen Zahlungsanbieter.
Katalog & Produktseiten Vorgerendert und aus dem CDN auslieferbar. Bildoptimierung ist eingebaut, Maße werden abgeleitet, Layout-Sprünge beim Nachladen entfallen. Bei sehr großen oder minütlich wechselnden Katalogen wird der komplette Build zur Bremse. Dann rendern einzelne Routen on demand – eine Architekturentscheidung, keine Einstellung am Ende.
Warenkorb, Konto, Suche Als On-Demand-Routen über export const prerender = false plus Adapter für die Ziellaufzeit; personalisierte Elemente als Server Islands über server:defer. Sobald eine Route dynamisch rendert, brauchen Sie eine Laufzeitumgebung statt reinem Static Hosting. Das gehört in die Hosting- und Kostenplanung, nicht in die Woche vor dem Launch.
Checkout & Zahlung Bleibt in der Regel beim Commerce-Anbieter oder beim Zahlungsdienstleister. Astro verlinkt oder bettet ein. Einen eigenen Checkout mit Zahlungsabwicklung nachzubauen, ist teuer und regulatorisch aufwendig. Wir raten davon in fast allen Fällen ab.
Personalisierung Einzelne Elemente – Warenkorb-Zähler, zuletzt gesehene Artikel, Kundenpreis-Hinweis – laufen als Server Islands, ohne die cachebare Hülle zu blockieren. Durchgängig personalisierte Kataloge mit kundenindividuellen Preisen und Sortimenten sind ein Plattformthema. Dann ist eine Commerce-Plattform oder individuelle Software der richtige Weg.
Inhalte & Redaktion Content Collections mit Zod-Schema im Repository oder ein Headless CMS. Redaktionelle Inhalte lassen sich zusätzlich per Chat pflegen. Produktdaten gehören nicht in ein zweites System. Eine Quelle pro Datum – sonst laufen Katalog und Website auseinander.
Backoffice & Prozesse Auftragseingang, ERP-Anbindung, Kommissionierung, Versanddienstleister und Marktplätze machen wir selbst: Prozessberatung und Amazon Seller Central. Eine schnellere Storefront verstärkt jeden Engpass dahinter. Wenn hinten abgetippt wird, ist mehr Umsatz erst einmal mehr Arbeit.
Unsere Einschätzung Astro ist im E-Commerce selten der Grund, warum ein Shop besser läuft – aber oft der Grund, warum die Inhalte drumherum endlich mithalten. Wir empfehlen eine Astro-Storefront, wenn Content und Marke den Ausschlag geben und die Commerce-Logik beim Anbieter bleiben darf. Wenn die Conversion an Sortiment, Preisen und Prozessen hängt, arbeiten wir lieber am Backoffice als am Frontend. Eine Storefront, die gut konvertiert, ist kein Migrationsprojekt. Das sagen wir im Erstgespräch – nicht nach dem Angebot.
10 — FAQ

Häufige Fragen zu Astro und E-Commerce.

Wir verkaufen über Shopify, und der Shop läuft. Lohnt sich eine Astro-Storefront überhaupt?

Ehrliche Antwort: oft nicht. Wenn Ihre Storefront konvertiert, Ihr Team damit arbeiten kann und die Ladezeiten in Ordnung sind, ist ein Wechsel ein Risiko ohne Gegenwert. Sinnvoll wird es, wenn Sie an konkrete Grenzen stoßen: ein Theme, das unter Erweiterungen ächzt, Content und Shop in zwei getrennten Welten, oder ein Marketing, das für jede Landingpage Entwickler braucht. Dann rendert Astro die Oberfläche neu, während Shopify Katalog, Warenkorb und Checkout behält. Wir prüfen das im Erstgespräch – und sagen auch, wenn die Antwort „lassen Sie es“ lautet.

Unser Katalog hat 12.000 Artikel. Wird der Build dann nicht ewig dauern?

Das ist die richtige Frage, und sie entscheidet über die Architektur. Standardmäßig rendert Astro alles vorab – bei sehr großen oder häufig wechselnden Katalogen wird der komplette Build irgendwann zur Bremse. Der Ausweg steht im Framework: Einzelne Routen bekommen über eine explizite Einstellung On-Demand-Rendering, während Kategorien, Inhalte und Landingpages statisch bleiben. Wo genau diese Grenze liegt, legen wir anhand Ihrer Änderungsfrequenz fest, nicht anhand der Artikelzahl allein. Bei minütlich wechselnden Beständen ist die Grenze weiter vorne als bei einem stabilen Sortiment.

Wir brauchen kundenindividuelle Preise für unsere B2B-Kunden. Geht das mit Astro?

Technisch ja, sinnvoll oft nein. Einzelne personalisierte Elemente lassen sich über Server Islands nachrendern, ohne die gecachte Seite zu blockieren – ein Kundenpreis-Hinweis oder ein Warenkorb-Zähler funktioniert so gut. Wenn aber das gesamte Sortiment, die Sichtbarkeit von Artikeln und jeder Preis pro Kunde variieren, ist praktisch keine Seite mehr cachebar. Dann haben Sie den größten Vorteil von Astro aufgegeben und tragen trotzdem den Aufwand. In diesem Fall empfehlen wir eine Commerce-Plattform mit B2B-Funktionen oder eine individuelle Anwendung.

Was passiert mit unserem Checkout? Müssen wir den neu bauen?

Nein, und wir raten in fast allen Fällen davon ab. Der Checkout ist der Ort, an dem Zahlungsabwicklung, Betrugsprüfung, Steuerlogik und rechtliche Anforderungen zusammenkommen. Diesen Teil lassen wir beim Commerce-System oder beim Zahlungsanbieter, wo er gepflegt und zertifiziert wird. Astro übernimmt alles davor: Kategorie, Produkt, Vergleich, Ratgeber, Warenkorb-Ansicht. Der Übergang in den Checkout ist ein bewusster Schnitt in der Architektur – und einer der Gründe, warum eine Astro-Storefront überschaubar bleibt.

Wir haben Angst um unsere Produkt-Rankings. Wie sichern Sie die ab?

Mit einer Sequenz, nicht mit einem Versprechen. Zuerst ein vollständiges Inventar aller URLs inklusive Paginierung, Filter- und Query-Varianten. Dann Ranking- und Backlink-Analyse, um zu wissen, welche Seiten tatsächlich Umsatz und Autorität tragen. Dann ein 1:1-Mapping alt zu neu, 301-Weiterleitungen, Prüfung von Metadaten und Produkt-Auszeichnung im Staging, Sitemap, Search-Console-Setup, IndexNow und Monitoring in den ersten Wochen. Wir messen vorher und nachher in Ihrem eigenen Projekt. Was wir nicht sagen: dass dabei nie etwas passiert. Bewegung in den ersten Wochen ist normal.

Unser Marketing will Landingpages selbst bauen, ohne Entwickler. Ist das mit Astro möglich?

Ja, wenn wir es so anlegen. Wir bauen eine Bibliothek aus Bausteinen – Hero, Produktraster, Vergleichstabelle, Testimonial-Block, FAQ, Kampagnenbanner – die im CMS oder in einer Collection zusammengesetzt werden. Neue Seiten entstehen dann aus vorhandenen Teilen, ohne Deployment-Wissen. Was Entwicklungsarbeit bleibt: neue Seitentypen, neue Bausteine und alles Strukturelle. Wenn Ihr Team lieber vollständig visuell und ohne Repository arbeitet, ist unsere Webflow-Agentur-Leistung ehrlicherweise der bessere Vorschlag.

Wer pflegt die Produktdaten? Wir haben ein ERP und ein PIM.

Ihr ERP oder PIM bleibt die Quelle. Wir kopieren keinen Katalog in ein zweites System, weil zwei Quellen für dieselbe Zahl früher oder später auseinanderlaufen – und dann verkaufen Sie, was nicht mehr da ist. Produktdaten fließen über die Schnittstelle Ihres Commerce-Systems in die Storefront. Im Repository oder im CMS liegen ausschließlich redaktionelle Inhalte: Ratgeber, Kampagnen, Lookbooks, Pflegehinweise. Wie Auftragseingang, Bestandsführung und Versand sauber zusammenspielen, ist ein eigenes Thema – dafür gibt es die E-Commerce-Prozessberatung.

Wir sitzen auf einer alten WooCommerce-Installation. Was raten Sie?

Zuerst eine Trennung der Fragen: Wollen Sie das Shopsystem wechseln, oder nur die Oberfläche? Das sind zwei Projekte mit unterschiedlichem Risiko. Wenn WooCommerce funktional trägt und nur die Storefront langsam und schwer pflegbar ist, kann Astro die Oberfläche übernehmen und WordPress im Headless-Betrieb die Inhalte liefern – der Weg dorthin steht unter WordPress als Headless CMS. Wenn das System selbst das Problem ist, gehört der Plattformwechsel zuerst entschieden. Die generelle Gegenüberstellung finden Sie unter Astro vs. WordPress.

Wie steht es um DSGVO, Consent und Tracking in einem Astro-Shop?

Der Vorteil einer Storefront ohne gewachsenes Erweiterungs-Ökosystem ist, dass Sie wissen, was geladen wird – es gibt keine App, die still ein Skript einbindet. Consent-Management, Analytics, Pixel und Zahlungsanbieter werden bewusst eingebunden, mit dokumentierten Empfängern und Zwecken. Was wir nicht liefern, ist Rechtsberatung: Datenschutzerklärung, Auftragsverarbeitung und Cookie-Klassifizierung gehören zu Ihrer Rechtsabteilung oder Ihrem Anwalt. Wir setzen technisch um, was dort entschieden wurde, und dokumentieren, welches Skript unter welcher Bedingung lädt.

Macht ein Nischen-Framework es schwerer, später Entwickler zu finden?

Die Sorge ist berechtigt und lässt sich prüfen, statt beruhigen. Astro ist quelloffen unter MIT-Lizenz, Ihr Code liegt in Ihrem Repository, und der größte Teil einer Astro-Storefront ist HTML, CSS und TypeScript – nichts davon ist exotisch. Interaktive Komponenten schreiben wir in einem Framework, das Sie ohnehin kennen; Astro integriert React, Preact, Svelte, Vue, SolidJS und Alpine.js offiziell. Das Wissen, das wirklich projektspezifisch ist, steckt im Inhaltsmodell und in der Anbindung – und das dokumentieren wir im Repository, nicht in unseren Köpfen.

Was passiert, wenn Sie ausfallen oder wir uns trennen?

Sie bekommen von Anfang an das, was einen Wechsel möglich macht: Ihr eigenes Repository, Ihre eigenen Hosting- und Commerce-Zugänge, dokumentierten Code, ein beschriebenes Inhaltsmodell und eine Einweisung für Ihr Team. Wir bauen keine proprietäre Schicht ein, die nur wir bedienen können. Wenn Sie die Betreuung intern übernehmen oder an eine andere Agentur geben, ist das ein Übergabetermin und kein Neubau. Das ist bei einer kleinen Einheit wie uns keine Nettigkeit, sondern die Bedingung dafür, dass ein größeres Unternehmen überhaupt mit uns arbeiten kann.

Sie haben noch keine öffentliche Astro-Shop-Referenz. Warum sollten wir Sie beauftragen?

Weil wir das offen sagen, statt eine Fallstudie zu erfinden. Was wir belegen können: Wir bauen mit Astro, wir haben E-Commerce-Prozesse in der Praxis umgebaut – bis hin zu Packtischen und Etikettendruckern in einer echten Halle – und wir haben Marktplatz- und ERP-Schnittstellen im Tagesbetrieb betrieben. Für die Storefront selbst überzeugen wir mit Verfahren: Ersteinschätzung, Architekturentscheidung, Messung vorher und nachher. Wenn Ihnen eine belegte Shop-Referenz wichtiger ist als eine ehrliche Einschätzung, sind wir nicht die richtige Wahl – und auch das sagen wir lieber jetzt.

Können wir die Website per Chat pflegen – auch Produkttexte?

Redaktionelle Inhalte ja, Produktdaten nein. Weil das Inhaltsmodell typisiert und über Zod schema-validiert ist, kann ein KI-Agent strukturiert hineinschreiben: Kampagnentext, Ratgeberbeitrag, Bildwechsel, Aktionszeitraum – als Nachricht an einen Telegram-Bot, mit Vorschau und nachvollziehbarem Commit. Preise, Bestände und Varianten laufen bewusst nicht darüber, die haben genau eine Quelle. Mehr dazu unter Website per Chat pflegen; den Beleg, dass Chat-Agenten hier Tagesgeschäft sind, liefert unser WhatsApp-KI-Agent.

Wie lange dauert so ein Projekt, und was kostet es?

Storefront an einem bestehenden Commerce-System: typischerweise acht bis vierzehn Wochen. Content-Website mit leichtem Checkout: vier bis acht Wochen. Mit mehreren Sprachen, B2B-Logik oder einer Datenmigration aus einem gewachsenen System: sechzehn Wochen und mehr. Den Rahmen bewegen vor allem Sortimentsstruktur, Anzahl echter Seitentypen, Märkte und Sprachen, B2B-Anforderungen und die Backoffice-Integration. Preise nennen wir erst, wenn diese Variablen geklärt sind – dann aber als nachvollziehbare Schätzung mit ausgeschriebenen Annahmen. Die Kostenfaktoren stehen unter Astro-Kosten.

Ist Astro ein Shopsystem?

Nein. Astro ist ein quelloffenes Webframework für content-getriebene Websites und übernimmt im E-Commerce die Storefront. Katalog, Bestand, Preise, Steuern, Warenkorb-Logik und Checkout brauchen ein Commerce-System oder zumindest einen Zahlungsanbieter dahinter – Astro rendert davor.

Kann man Shopify mit Astro verbinden?

Ja, das ist das übliche Headless-Muster: Shopify bleibt die Engine für Katalog, Warenkorb und Checkout, Astro holt die Daten über die dokumentierte Schnittstelle und rendert die Storefront. Der Checkout bleibt dabei in aller Regel bei Shopify.

Was bedeutet Headless Commerce?

Der Kopf – die sichtbare Storefront – wird vom Commerce-System getrennt. Die Plattform liefert Daten und Bestellabwicklung über eine Schnittstelle, das Frontend wird eigenständig gebaut. Sie gewinnen Gestaltungsfreiheit und geben dafür die Bequemlichkeit eines fertigen Themes auf.

Funktionieren Stripe oder Snipcart mit Astro?

Ja. Für kleine Sortimente ist genau das das zweite Muster auf dieser Seite: Produkte als typisierte Inhalte in der Website, Zahlung und Bestellabwicklung beim Anbieter. Ohne Shopsystem, ohne dessen Updates – und mit deutlich weniger Technik, die betrieben werden muss.

Braucht ein Astro-Shop einen Server?

Nur für die Routen, die es wirklich brauchen. Standardmäßig wird die Website vorgerendert und läuft auf statischem Hosting oder einem CDN. Sobald Warenkorb oder Konto zur Laufzeit rendern, kommt ein Adapter für die Ziellaufzeit dazu – offiziell gepflegt sind unter anderem Node, Vercel und Cloudflare.

Kann Astro Produktbilder automatisch optimieren?

Ja, die Bildoptimierung ist eingebaut. Die Image-Komponente setzt Ladeverhalten und Dekodierung, leitet die Maße ab und vermeidet damit Layout-Sprünge; eine Picture-Komponente erzeugt mehrere Formate und Größen. Bilder aus fremden CDNs müssen in der Konfiguration freigegeben werden.

Ist Astro kostenlos?

Das Framework ist quelloffen unter MIT-Lizenz, es fallen also keine Lizenzkosten an. Kosten entstehen durch Umsetzung, Hosting und die Systeme dahinter – Commerce-Plattform, CMS und Zahlungsanbieter rechnen unabhängig davon ab.

Storefront neu denken – oder erst mal ehrlich prüfen?

Erzählen Sie uns, was Sie verkaufen und worüber. Sie bekommen eine ehrliche Einschätzung zu Muster, Umfang und Zeitrahmen – und die klare Ansage, wenn Ihr aktueller Shop bleiben sollte, wie er ist. In der Regel innerhalb von 24 Stunden.

— Kontakt

Astro-E-Commerce-Projekt anfragen.

Kurz beschreiben, was Sie verkaufen, auf welchem System und woran es hakt – wir melden uns mit einer Ersteinschätzung.

Jetzt anrufen +49 155 63582204 WhatsApp schreiben E-Mail schreiben

Antwort in der Regel innerhalb von 24 Stunden.
Remote & vor Ort – DACH-weit tätig (DE, AT, CH), internationale Projekterfahrung inklusive.

Worum geht es?
Zeitrahmen (optional)

Ihre Angaben werden nur zur Bearbeitung der Anfrage verwendet – keine Newsletter, keine Weitergabe.