FramerzuVue
Von Framer in eine Vue-Codebasis, die dir gehört.
Deine Website liegt in Framer, dein Produkt in Vue. Jede Marketingseite entsteht deshalb getrennt vom Rest. Wir bauen die Website in Nuxt nach, mit CMS-Inhalten, Komponenten und Animationen. Jede URL bekommt vorher ihr Ziel. Danach arbeitet dein Vue-Team an beidem.
Warum Firmen Framer verlassen
- Framer hat keinen Code-Export
- Die Website existiert nur auf Framer. Für einen Wechsel braucht es einen Neubau. Den richten wir in dem Framework ein, das dein Team schon kennt.
- Ein Team für Website und Produkt
- Deine Vue-Entwickler können die Website danach selbst ändern. Komponenten und Design-Tokens teilen sich Website und App.
- Daten aus dem Produkt
- Preise, Funktionslisten oder Changelogs kommen direkt aus deinen Systemen. In Framer pflegst du diese Inhalte doppelt.
- Wann Next.js passt
- Deine Framer-Code-Komponenten sind React. Ohne Vue im Haus ist Next.js deshalb oft der kürzere Weg.
Was umzieht
- CMS-Collections
- Wir übernehmen Collections mit Feldern, Bildern und Slugs in ein Headless-CMS. Nuxt rendert jede Seite vorab.
- Komponenten
- Framer-Komponenten und ihre Varianten werden zu Vue-Komponenten mit klaren Props. React-Code-Komponenten aus Framer schreiben wir in Vue neu.
- Animationen
- Übergänge und Scroll-Effekte bauen wir mit CSS und Vue-Transitions nach. Wo nötig, nutzen wir eine Animations-Bibliothek für Vue.
- Formulare
- Framer-Formulare ersetzen wir durch Formulare mit Nuxt-Server-Route. Anfragen gehen an Postfach oder CRM.
- URLs und SEO
- Titel, Beschreibungen und Social-Bilder ziehen pro Seite mit. Jede Adresse bekommt ihr Ziel.
Worauf wir achten
- React-Teile neu schreiben
- Eigene Code-Komponenten aus Framer laufen in Vue nicht. Wir planen ihren Neubau von Anfang an ein.
- Server-Rendering
- Ohne Rendering vorab sehen Crawler zunächst wenig. Wir bauen deshalb mit Nuxt und liefern fertiges HTML aus.
- Texte auf dem Canvas
- Viele Texte stehen außerhalb des CMS. Wir sammeln sie vollständig ein, damit keine Seite fehlt.
Was du wahrscheinlich wissen willst
Next.js ist unser Standard. Vue empfehlen wir nur, wenn dein Team bereits damit arbeitet. Dann pflegt ein Team Website und Produkt.
Wir ordnen jede alte URL einer neuen zu und richten 301-Weiterleitungen ein. Nach dem Umschalten prüfen wir Indexierung und Positionen.
Ja. Wir bauen Layout und Animationen nach. Auf Wunsch gleichen wir es an das Designsystem deiner App an.
Dein Marketing im Redaktionssystem mit Vorschau. Dein Vue-Team und KI-Werkzeuge wie Claude oder Cursor arbeiten am Code.
Von Seiten, Komponenten, Animationen und eigenen Code-Komponenten. Nach der Inventur bekommst du ein festes Angebot.
Passende Angebote
Andere Wege
WordPresszuNext.js
Zur Migration