Webflow zu Astro Migration

Von Webflow zu Astro, wenn dein Team den Code besitzen will

Webflow passt für viele Teams. Wenn du eigenen Code, Inhalte in Sanity und Änderungen per AI-Workflow willst, migrieren wir deine Website und behalten jede URL, die heute rankt.

  • 50+ B2B SaaS Teams vertrauen uns
  • 5,0 von 5 Sternen
  • 5,0 von 5 Sternen
  • 5,0 von 5 Sternen
Dauer
6–10 WochenFür eine typische SaaS-Marketingwebsite.
SEO-Risiko
NiedrigWir bauen deine Webflow-URLs eins zu eins nach.
Inhalte
Werden übernommenCMS-Collections, Sprachversionen, Bilder, Metadaten
Design und Funktionen
Werden neu gebautKomponenten, Interactions, Formulare, Site Search
Preis
FestpreisSteht fest, sobald wir alle URLs geprüft haben.

Warum Teams wechseln

Wann Teams von Webflow zu Astro gehen

01

Der Code soll dir gehören

Die Website liegt in deinem Git-Repository, mit Versionsverlauf und Review für jede Änderung. Hosting-Anbieter kannst du wechseln, ohne neu zu bauen.

02

AI-Agenten sollen mitarbeiten

Claude oder Codex arbeiten direkt im Code. Dein Team beschreibt eine Änderung, prüft die Vorschau und gibt sie frei. So arbeiten wir bei AI-native Websites.

03

Inhalte sollen auch woanders hin

In Sanity liegen Use Cases, Integrationen und Kundenreferenzen als strukturierte Daten. Produkt-App oder Help Center können sie über die API abrufen.

04

Das Projekt stößt an Plan-Grenzen

CMS-Einträge, Sprachen oder eigener Code, der nur noch über Embeds läuft. Welche Grenze bei dir wirklich greift, prüfen wir am konkreten Plan.

Webflow und Astro im Vergleich

Was sich im Alltag deines Teams ändert

KriteriumWebflowAstro
Seiten bauenVisuell im Designer, ohne Code.Inhalte in Sanity, neue Seiten über den AI-Workflow mit Vorschau und Freigabe.
CodeLiegt bei Webflow. Der Export enthält keine CMS-Inhalte.Liegt in deinem Repository, inklusive Versionsverlauf.
Content-ModellCMS Collections mit Referenz- und Multi-Referenzfeldern.Sanity-Schemas oder Markdown, über eine API auch für andere Systeme abrufbar.
Hosting und WeiterleitungenIm Plan enthalten, 301-Weiterleitungen in den Site Settings.Bei einem Anbieter deiner Wahl, Weiterleitungen in Projekt oder Hosting-Konfiguration.
Neue FunktionenNative Features, Marketplace-Apps und Custom Code als Embed.Beliebiger Code und Integrationen, umgesetzt von deinem Entwicklungspartner.

Webflow

  • Visuell im Designer, ohne Code.
  • Liegt bei Webflow. Der Export enthält keine CMS-Inhalte.
  • CMS Collections mit Referenz- und Multi-Referenzfeldern.
  • Im Plan enthalten, 301-Weiterleitungen in den Site Settings.
  • Native Features, Marketplace-Apps und Custom Code als Embed.

Astro

  • Inhalte in Sanity, neue Seiten über den AI-Workflow mit Vorschau und Freigabe.
  • Liegt in deinem Repository, inklusive Versionsverlauf.
  • Sanity-Schemas oder Markdown, über eine API auch für andere Systeme abrufbar.
  • Bei einem Anbieter deiner Wahl, Weiterleitungen in Projekt oder Hosting-Konfiguration.
  • Beliebiger Code und Integrationen, umgesetzt von deinem Entwicklungspartner.

Was migriert wird

Was von Webflow mitkommt

Inhalte und URLs übertragen wir direkt. Was an Webflows eigenem JavaScript hängt, bauen wir in Astro neu oder ersetzen es.

  • Wird migriert
  • Teilweise
  • Neu gebaut
  • Ersetzt
  • CMS Collections

    Wird migriert

    Ein Skript liest alle Einträge über die Data API aus und schreibt sie Feld für Feld nach Sanity. Rich Text wird zu strukturiertem Rich Text.

  • Referenzfelder

    Teilweise

    Referenzen und Multi-Referenzen werden zu Sanity-Referenzen. Die Verknüpfungen ordnen wir per Skript über die IDs zu, nicht von Hand.

  • Sprachversionen

    Wird migriert

    Lokalisierte Einträge lesen wir pro Sprache aus und verknüpfen sie in Sanity. Die Sprachpfade bildet das i18n-Routing von Astro ab.

  • SEO-Daten

    Wird migriert

    Seitentitel, Meta-Beschreibungen und Open-Graph-Bilder je Seite. Deine bestehenden 301-Weiterleitungen exportiert Webflow als CSV.

  • Design und Komponenten

    Neu gebaut

    Klassen, Variablen und Webflow-Components bauen wir als Astro-Komponenten nach. Der Code-Export dient als Referenz, nicht als Grundlage.

  • Interactions

    Neu gebaut

    Webflow Interactions laufen über Webflows eigenes JavaScript. Animationen setzen wir mit CSS oder gezielt mit eigenem JavaScript neu um.

  • Formulare

    Ersetzt

    Die Formularverarbeitung bleibt bei Webflow. Wir senden jedes Formular direkt an HubSpot oder dein CRM und testen jeden Versand.

  • Site Search und Ecommerce

    Ersetzt

    Beides funktioniert nur auf Webflow selbst. Für die Suche binden wir einen externen Dienst an, bei einem Shop prüfen wir vorher, ob die Migration Sinn ergibt.

Für dein Marketing

Was für dein Marketing weiterläuft

Rankings sind nur ein Teil. Wir sichern auch alles, woran dein Team Leads und Pipeline misst.

Tracking und Attribution

GA4, Tag Manager, UTM-Parameter und Conversion-Events laufen ab dem ersten Tag weiter. In Astro laden Tracking-Skripte erst nach Consent und bremsen die Seite nicht. Vor dem Launch vergleichen wir jedes Event auf Staging mit der alten Seite.

Formulare und CRM

Webflow-Formulare ersetzen wir durch eigene Formulare mit direkter Anbindung an dein CRM. Felder, Hidden Fields für die Lead-Quelle und die Übergabe an HubSpot, Salesforce oder Pipedrive bleiben gleich. Testleads prüfen wir direkt im CRM.

Demo-Buchung

Demo- und Kontaktseiten, Kalender wie HubSpot Meetings, Calendly oder Chili Piper und dein Chat bleiben erreichbar. Alte Demo-URLs aus Ads, E-Mails und Sales-Decks leiten wir direkt aufs neue Ziel.

Sichtbarkeit in AI-Suche

Strukturierte Daten, klare Überschriften und eine aktuelle Sitemap sind ab dem Launch da. So finden Google und AI-Suchen wie ChatGPT oder Perplexity deine Seiten schnell wieder.

Content-Mapping

So werden Collections zu Sanity-Dokumenten

In WebflowIn Astro
CMS CollectionSanity-Dokumenttypmit Pflichtfeldern und Validierung je Feld
Referenz- und Multi-ReferenzfelderSanity-ReferenzenAutoren, Kategorien und Integrationen bleiben verknüpft
Rich-Text-FelderStrukturierter Rich Texteingebettete Bilder und Links werden mit migriert
Collection-Template-SeitenDynamische Astro-Routengleicher Pfad, zum Beispiel /blog/beitrag
Statische SeitenAstro-Seiten aus KomponentenTexte und Bilder pflegt dein Team in Sanity
Lokalisierte InhalteSprachversionen in Sanityausgeliefert über die i18n-Konfiguration von Astro

Ablauf

So läuft die Migration
deiner Webflow-⁠Website

Ein Beispielprojekt: 8 Wochen bis zum Launch. Danach beobachten wir Rankings und Weiterleitungen noch vier Wochen.

Migration von Webflow, Beispielprojekt

path digitalDein Team

Dein Team

Zugänge, Freigaben

SEO

URLs, Weiterleitungen, Tests

Umsetzung

Seiten, Inhalte in Astro

Zeig auf einen Schritt, um zu sehen, was dort passiert.

  1. Woche 1 · Dein Team

    Kickoff

  2. Woche 1 · SEO

    Audit und URL-Inventur

  3. Wochen 1–2 · SEO

    Sanity-Schema und Redirect-Plan

  4. Wochen 2–5 · Umsetzung

    Komponenten in Astro

  5. Woche 2 · Dein Team

    Freigabe Redirect-Plan

  6. Wochen 4–6 · Umsetzung

    Content-Migration per API

  7. Wochen 6–8 · SEO

    SEO-Parität, QA und Einarbeitung

  8. Woche 8 · Dein Team

    Launch

  9. Nach dem Launch · SEO

    Launch und Monitoring

Pre-Launch-Checkliste

Was vor dem Launch geprüft wird

Phase 1 von 4

Vor der Umsetzung

Phase 2 von 4

Während der Umsetzung

Phase 3 von 4

Vor dem Launch

Phase 4 von 4

Nach dem Launch

Ehrlich gesagt

Wann du besser bei Webflow bleibst

  • Dein Marketingteam baut jede Woche Seiten visuell

    Wenn Kampagnen-Landingpages im Designer entstehen und das gut läuft, ist Webflow das richtige Werkzeug. Eine Migration würde deinem Team genau das nehmen.

  • Niemand soll Code oder Deployments verantworten

    Astro braucht einen Entwicklungspartner für neue Funktionen und Updates. In Webflow übernimmt die Plattform Hosting und Wartung.

  • Das Problem ist der Aufbau, nicht die Plattform

    Wildwuchs bei Klassen, fehlende Komponenten, ein unübersichtliches CMS. Als Webflow Enterprise Partner bauen wir das oft schneller in Webflow neu auf.

  • Es geht vor allem um Hosting oder Governance

    Für große Teams bietet Webflow Enterprise eigene Optionen, etwa Custom Hosting. Die prüfen wir, bevor wir einen Plattformwechsel empfehlen.

Häufige Fragen zur Migration von Webflow zu Astro

Was B2B SaaS Teams vor dem Wechsel von Webflow zu Astro wissen wollen.

Kann ich meine Webflow-Website einfach als Code exportieren?

Den Code ja, auf Workspace-Plänen. Der Export enthält HTML, CSS, JavaScript und Bilder, aber keine CMS-Inhalte, keine Formularverarbeitung und nur die Hauptsprache. Für eine pflegbare Website bauen wir die Komponenten deshalb in Astro neu.

Wie kommen die CMS-Inhalte aus Webflow heraus?

Pro Collection als CSV oder über die Webflow Data API. Wir nutzen meist die API, weil wir damit alle Collections und Sprachversionen in einem Durchlauf auslesen und Referenzen über ihre IDs zuordnen.

Kann mein Marketingteam danach noch selbst Seiten bauen?

Texte, Bilder und CMS-Einträge pflegt dein Team in Sanity. Neue Seiten aus bestehenden Bausteinen entstehen über den AI-Workflow: beschreiben, Vorschau prüfen, freigeben. Neue Bausteine und Funktionen baut ein Entwickler.

Bleiben unsere URLs gleich?

In der Regel ja. Astro bildet die Pfade deiner Collection-Seiten und Sprachversionen nach. Wo sich eine Adresse ändert, gibt es eine 301-Weiterleitung, die Hosting oder Adapter als echte Weiterleitung ausliefern.

Was passiert mit unseren Webflow Interactions?

Sie hängen an Webflows eigenem JavaScript und lassen sich nicht migrieren. Wir bauen die Animationen nach, die für die Seite wichtig sind, meist mit CSS. Effekte ohne Nutzen lassen wir nach Absprache weg.

Läuft Webflow bis zum Launch weiter?

Ja. Deine Website bleibt bis zum Umschalten der Domain unverändert online. Inhalte, die in der Zwischenzeit entstehen, übertragen wir vor dem Launch. Den Webflow-Plan kündigst du erst, wenn Astro stabil läuft.

Plane deine Migration
von Webflow zu Astro

Zeig uns deine Webflow-Website. Wir sagen dir, ob Astro oder Webflow besser zu deinem Team passt und was bei einer Migration auf dich zukommt.