SDKs für Flyo Nitro CMS
Bridge
JavaScript Bridge
Die Flyo Nitro JavaScript Bridge stellt eine kleine Laufzeit-Bibliothek bereit, die eine Webseite mit dem Flyo Nitro Preview‑Iframe verbindet und wichtige Hilfsfunktionen für die Integration bereitstellt.
Wichtig: Empfohlen ist, dass jede Integration alle Funktionen der Bridge implementiert — entweder durch Einbindung des offiziellen NPM‑Pakets @flyo/nitro-js-bridge oder durch die CDN‑UMD‑Build (unpkg) für schnelle Prototypen. Die einzelnen Framework‑Integrationen (z.B. Vue/Nuxt, Astro, Laravel, etc.) können eigene, auf das Framework zugeschnittene Hilfsfunktionen bereitstellen; diese Framework‑spezifischen Funktionen werden in den jeweiligen Abschnitten ergänzt.
Besonders wichtig (bitte beachten): Für Benutzer, die die Website bearbeiten (Editor/Preview‑User), sollte die Bridge die Funktionalität bereitstellen, damit
- die Seite automatisch neu geladen wird, wenn im Editor Änderungen passieren (Live‑Preview / page refresh), oder
- editable Blöcke beim Hovern visuell hervorgehoben werden und ein Edit‑Button / Klick‑Handler sichtbar wird, der das Bearbeiten direkt öffnet.
Diese Funktionen (Reload, Highlight/Hover, Open/Edit) sind essenziell für eine gute Editor‑Erfahrung und sollten entweder durch die generische Bridge oder durch die jeweilige Framework‑Integration implementiert werden.
PHP
Ein SDK für alle PHP Applikationen:
| Name | Links |
|---|---|
| Flyo Nitro PHP SDK | GitHub Packagist |
Frameworks
Für die folgenden PHP-Frameworks stehen Adapter zur Verfügung. Die Adapter übernehmen die Auflösung der Slugs durch das Routing des Frameworks und ermöglichen eine schnelle Integration von Nitro.
| Name | Links | Example Project |
|---|---|---|
| Flyo Nitro Yii2 Framework | GitHub Packagist | Yii2 Example App |
| Flyo Nitro Laravel | GitHub Packagist | Laravel Example App |
Bridge
Die PHP Bridge ist eine PHP-Bibliothek, die die Kommunikation zwischen dem Flyo Nitro und dem PHP Projekt ermöglicht. Sie beinhaltet Hilfsfunktionen wie z.B. das Handling von WYSIWYG Editor Daten.
| Name | Links |
|---|---|
| Flyo Nitro PHP Bridge | GitHub Packagist |
JavaScript
Das generische JavaScript SDK und TypeScript SDK wurde aus der OpenAPI-Datei generiert und enthält die Möglichkeit, alle Endpunkte abzurufen. Es ist als Paket auf NPM veröffentlicht und der Quellcode ist öffentlich auf GitHub verfügbar:
| Name | Links |
|---|---|
| Flyo Nitro JavaScript SDK | GitHub NPM |
| Flyo Nitro TypeScript SDK | GitHub NPM |
Bridge
Die Bridge Library ist eine JavaScript-Bibliothek, die die Kommunikation zwischen dem Flyo Nitro und dem JavaScript Projekt ermöglicht. Sie beinhaltet Hilfe funktionen wie z.b das handling von WYSIWYG Editor Daten.
| Name | Links |
|---|---|
| Flyo Nitro JavaScript Bridge | GitHub NPM |
Vue
Das Vue Plugin basiert auf dem JavaScript SDK und ermöglicht eine schnelle Integration für Vue Projekte:
| Name | Links |
|---|---|
| Flyo Nitro Vue3 | GitHub NPM |
Frameworks
| Name | Links | Example Project |
|---|---|---|
| Flyo Nitro Nuxt Framework | GitHub NPM | Nuxt Example App |
Astro
Die Astro Integration von Flyo Nitro CMS beinhaltet das TypeScript SDK welches benötigt wird für die Integration.
| Name | Links | Example Project |
|---|---|---|
| Flyo Nitro Astro Framework | GitHub NPM | Astro Example App |