Skip to main content

Developer Guide

Willkommen zum CockpitOS Developer Guide! Hier erfährst du, wie du eigene Plugins, Themes und Blocks für das CockpitOS Shopping Center Management System entwickelst.

Was du entwickeln kannst​

WordPress Themes​

  • Theme-Upload-System: ZIP-Upload mit Dashboard-Integration
  • Center-spezifische Anpassungen: Farben, Fonts, Logo pro Center
  • CSS-Variablen-System: Dynamische Theme-Anpassungen
  • Elementor-Integration: Custom Widgets und Dynamic Tags
  • Auto-Synchronisation: WordPress Plugin lädt Theme-Daten automatisch

Elementor Widgets​

  • CockpitOS Widgets: Shop-Grids, Event-Listen, News-Feeds
  • Dynamic Tags: Content-Areas, Shop-Daten, Event-Informationen
  • Theme-Integration: Widgets nutzen Dashboard-Farben und -Fonts
  • API-Integration: Live-Daten vom CockpitOS Dashboard

Blocks​

  • React-Komponenten: Moderne React-basierte Blocks
  • Schema-basiert: Automatische UI-Generierung aus JSON-Schema
  • Responsive: Mobile-first Design
  • Wiederverwendbar: Einsatz in verschiedenen Themes

Development Kit​

Wir stellen dir ein CockpitOS SDK zur Verfügung, mit dem du Plugins und Themes entwickeln und testen kannst – ohne das gesamte System zu klonen.

SDK Features​

  • Plugin-System: Vollständige Plugin-API
  • Theme-System: Theme-Entwicklung und -Testing
  • Block-Editor: Visueller Block-Editor für Tests
  • Hot Reload: Live-Entwicklung mit sofortigen Updates
  • TypeScript: Vollständige Type-Unterstützung
  • Storybook: Isolierte Komponenten-Entwicklung

Quick Start​

# SDK installieren
npm install -g @cockpitos/sdk

# Neues Plugin-Projekt erstellen
cockpitos create-plugin my-awesome-plugin

# Development Server starten
cd my-awesome-plugin
npm run dev

Dokumentation​

  • Plugin-Entwicklung - Eigene Plugins erstellen
  • Theme-Entwicklung - Custom Themes entwickeln (Coming Soon)
  • Block-Entwicklung - Wiederverwendbare Blocks bauen (Coming Soon)
  • API-Referenz - Vollständige API-Dokumentation aller Endpunkte (Coming Soon); verfügbar: WordPress Push-Content (REST)
  • Examples - Praktische Beispiele und Templates (Coming Soon)

Community​

Voraussetzungen​

  • Node.js: >= 18.0.0
  • TypeScript: >= 5.0.0
  • React: >= 18.0.0
  • Next.js: >= 15.0.0

Nächste Schritte​

  1. Plugin-System verstehen - Grundlagen der Plugin-Architektur
  2. Erstes Plugin erstellen - Step-by-Step Tutorial
  3. Theme entwickeln - Eigenes Theme bauen (Coming Soon)
  4. Plugin veröffentlichen - Plugin im Marketplace veröffentlichen (Coming Soon)

Bereit loszulegen? Starte mit unserem Getting Started Guide.

Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /en/developer-guide/intro