←  Alle Begriffe
D
Webflow

DevLink

DevLink verbindet Webflow-Komponenten mit React, damit visuell gepflegte Bausteine in Codeprojekten genutzt werden können.

DevLink verbindet Webflow-Komponenten mit React, damit visuell gepflegte Bausteine in Codeprojekten genutzt werden können. In Webflow sollte die Lösung CMS-Struktur, Komponenten, Berechtigungen und die spätere redaktionelle Pflege gemeinsam berücksichtigen. Eng verbunden ist der Begriff mit React und Komponente.

Weiterlesen

React

Komponente

Design System

Webflow

FAQ

DevLink

Wie unterscheidet sich DevLink von einem Headless CMS?
Oberflächenbausteine liefert DevLink, Inhalte liefert ein Headless CMS über eine API. Beide lösen verschiedene Aufgaben und lassen sich kombinieren. Eine React-Anwendung kann Komponenten aus Webflow nutzen und ihre Texte aus einem CMS beziehen. Wer Inhalte statt Layout teilen will, braucht die API, nicht DevLink.
Welche Grenzen hat DevLink im Projektalltag?
Der Datenfluss läuft von Webflow in den Code, nicht umgekehrt. Manuelle Änderungen an den erzeugten Dateien gehen beim nächsten Sync verloren, daher gehört Anpassung in Webflow oder in umgebenden eigenen Komponenten. Zudem braucht das Zusammenspiel klare Absprachen zwischen Design und Entwicklung, damit Änderungen nicht unbemerkt Layouts brechen.
Wie funktioniert DevLink technisch im Detail?
Webflow-Komponenten werden über die Webflow CLI als React-Komponenten samt Styles in ein Codeprojekt exportiert und dort synchronisiert. Änderungen in Webflow gelangen per erneutem Sync in den Code. Das Projekt bindet die erzeugten Komponenten wie eigene ein und übergibt ihnen Daten über Props, sofern sie für die Komponente definiert sind.
Wann lohnt sich der Einsatz von DevLink?
DevLink lohnt sich, wenn Design oder Marketing Bausteine visuell in Webflow pflegen und ein Produktteam dieselben Elemente in einer React-Anwendung nutzt. So bleibt genau eine Quelle für das Erscheinungsbild bestehen, und Abweichungen zwischen Website und Produkt werden seltener. Ohne React-Projekt oder ohne diesen Bedarf entsteht nur zusätzlicher Synchronisationsaufwand.