Komponenten
Schalten Sie mit Vertex Forge eine robuste Bibliothek mit voroptimierten Bausteinen frei, die Sie mühelos in Ihr Projekt integrieren können. Immer auf dem neuesten Stand. Immer optimiert. Entwickelt, um mit Ihren Anforderungen zu skalieren.
Ganz gleich, ob Sie Landing Pages erstellen, komplexe Strukturen entwerfen, die Leistung optimieren oder ein Buchungstool eines Drittanbieters integrieren möchten, die Komponentenbibliothek von Vertex Forge hält für Sie alles bereit.
Content TypenStruktur trifft auf Skalierbarkeit
Wiederverwendbare Elemente für die einfache Verwaltung von Seiten, Artikeln, Autoren, globalen Komponenten und mehr. Standardisieren Sie Ihre Inhaltsmodelle für Konsistenz auf Ihrer gesamten Website.
Page
Der grundlegende Inhaltstyp zur Darstellung einer eindeutigen URL. Er enthält den Inhalt, die Metadaten und die Layoutauswahl für jede eigenständige Seite.
Layout
Wiederverwendbare Wrapper-Komponenten, die die projektweite Struktur definieren, wie z. B. Kopf- und Fußzeilen und Seitenleisten, werden dynamisch pro Seite angewendet.
Globaler Komponent
Wiederverwendbare Inhaltsblöcke, die an einem Ort verwaltet und über mehrere Seiten oder Layouts hinweg verwendet werden können, um Konsistenz zu gewährleisten.
Theme Preset
Vordefinierte Design-Einstellungen für konsistentes Styling in allen Komponenten. Einfache Wiederverwendung und Verwaltung globaler Stile ohne sich wiederholende Arbeit.
Organisation
Ein strukturiertes Inhaltselement, das Metadaten wie den Namen der Organisation, das Logo und Kontaktinformationen zur Verwendung in SEO und strukturierten Daten enthält.
HTTP Header Regel
Definieren Sie benutzerdefinierte HTTP-Header, z. B. Sicherheits-, Caching- oder CORS-Regeln, die über den Inhalt verwaltet und bei der Bereitstellung automatisch angewendet werden.
Weiterleitungs Regel
Inhaltsdefinierte Umleitungslogik. Verwalten Sie URL-Weiterleitungen (301, 302 usw.) direkt in Ihrer Inhaltsstruktur, ohne dass eine Entwicklung erforderlich ist.
StrukturDas Rückgrat Ihrer Website
Die Bausteine, die die Gesamtstruktur Ihrer Website definieren, z. B. Überschriften, Abschnitte, Rich Text und mehr, ermöglichen eine konsistente Organisation von Kopf bis Fuß.
Container
Ein flexibler Wrapper zum Gruppieren und Platzieren von Inhaltsblöcken. Hilft bei der Gestaltung des Layouts und der Konsistenz der Struktur.
Überschrift
Zeigen Sie gestylte Überschriften in verschiedenen Größen und Tag-Ebenen (H1-H6) an. Ideal für Titel, Abschnitte und zur Verbesserung der Accessibility und SEO.
Label
Ein kurzes Inline-Textelement, das zum Kommentieren, Kategorisieren oder Hinzufügen von Kontext zu anderen Komponenten oder Inhaltsbereichen verwendet wird.
Rich Text
Ein vollständig editierbarer Rich-Text-Bereich, der Absätze, Links, fett/kursiven Text, Listen und eingebettete Blöcke unterstützt.
Blockquote / Zitat
Heben Sie Zitate oder Testimonials durch eine stilisierte Formatierung hervor, um das Storytelling des Inhalts zu unterstreichen und zu verdeutlichen.
Overlay
Dient zur Definition von Modals, Menüs oder anderen mehrschichtigen Oberflächenelementen, die visuell über dem Hauptseiteninhalt liegen.
Accordion
Erweiterbare Inhaltsblöcke, deren Sichtbarkeit umgeschaltet werden kann, ideal für Listen oder andere detaillierte Inhaltsabschnitte die nicht immer sichtbar sein müssen.
Dropdown
Ein auslösbares Element, das zusätzliche Inhalte oder Optionen anzeigt, ideal für eine kompakte Navigation oder Filterung.
FAQ Element
Eine strukturierte Komponente zur Darstellung einer häufig gestellten Frage und ihrer Antwort in einem klaren, zusammenklappbaren Format mit zusätzlichen automatisierten strukturierten Daten.
MedienMachen Sie Ihren Inhalt visuell
Bausteine zur Integration von Bildern, Videos und mehr. Verbessern Sie das Erscheinungsbild Ihrer Website mit responsiven, optimierten Assets.
Bild
Fügen Sie optimierte, responsive Bilder ein, die Fokusierung, Formatkonvertierung und themeabhängige Varianten unterstützen.
Inline SVG
Betten Sie SVGs direkt in ihren Inhalt ein, mit vollständiger Kontrolle über das Styling. Ideal für Icons, Logos oder animiertes Bildmaterial.
YouTube Video
Betten Sie ein funktionsreiches YouTube-Video oder eine Wiedergabeliste mit Leistungsoptimierungen wie "Lazy Loading" und "Responsive Sizing" ein.
InteraktionEngagement mit Ziel schaffen
Formulare, Schaltflächen und Eingaben zur Verbesserung der Funktionalität. Erfassen Sie Aktionen und schaffen Sie ein sinnvolles Engagement.
UtilityStyle mit Präzision
Entwerfen und gestalten Sie Ihre Inhalte und Komponenten mit sofortigem visuellen Feedback. Das Erscheinungsbild Ihres Projekts wird skalierbar und leicht wartbar, und Sie haben jederzeit die vollständige Kontrolle und Flexibilität über die Ästhetik des Projekts. Genießen Sie Design, dass ohne Einschränkungen Code-Entkoppelt ist.
Globale Komponenten Referenz
Sie können jede globale Komponente an einer bestimmten Stelle auf Ihrer Seite oder in Ihrem Layout referenzieren und auflösen, indem Sie sie von dieser Platzhalterkomponente aus referenzieren.
Lazy Load Container
Umhüllen Sie jeden Inhalt mit dieser Komponente, um das Laden zu verzögern, bis er in den Viewport eintritt, und so die Geschwindigkeit und Leistung der Seite zu verbessern.
UX-VerbesserungEntzücken durch Details
Komponenten, die das Benutzererlebnis verbessern. Von Ladevorgängen über Animationen bis hin zu Theme-Wechsel-Menüs, verbessern Sie Klarheit und Feedback.
IntegrationenEinbindung erweiterter Funktionalität war nie einfacher
Plug-and-Play-Komponenten für Tools und Dienste von Drittanbietern. Binden Sie ganz einfach Kalender, Buchungstools und mehr ein, ohne programmieren zu müssen.