MATEV 2026 Docs

Appearance

Vorschau ​

Kirby zeigt selbst keine Website. Die Vorschau öffnet deshalb die echte Website (https://staging.matev.eu) und lässt sie Ihren Entwurf anzeigen.

Zwei Wege ​

„Vorschau“ (Schaltfläche oben an der Seite) öffnet die Seite in einem neuen Fenster.

  • Ist die Seite veröffentlicht und unverändert, sehen Sie die normale Website-Adresse, zum Beispiel https://staging.matev.eu/produkte/winterdienst oder mit Sprachpräfix /en/…, /fr/….
  • Ist die Seite ein Entwurf, oder gibt es Änderungen, die noch nicht veröffentlicht sind, öffnet sich eine besondere Vorschau-Adresse unter /preview/…. Oben zeigt dann ein Balken, dass Sie einen Entwurf sehen.

„Editor & Vorschau“ teilt den Bildschirm: links das Formular, rechts die Website. Die rechte Seite aktualisiert sich, wenn Sie speichern. Mit „Nur Editor“ kehren Sie zur normalen Ansicht zurück.

Vorschau-Links für Entwürfe sind signiert und 30 Minuten gültig. Danach zeigt die Website den Entwurf nicht mehr. In „Editor & Vorschau“ holt sich das Panel automatisch einen neuen Link.

Geben Sie Vorschau-Links nicht nach außen weiter: Wer den Link hat, sieht den Entwurf, solange er gilt.

Einschränkungen ​

  • Seiten unter Händlerportal haben keine Vorschau. Sie werden vom Händlerportal angezeigt, nicht von der Website.
  • Vorschau-Seiten werden nicht zwischengespeichert und von Suchmaschinen nicht aufgenommen.
  • Die Vorschau lässt sich nur im Kirby-Panel einbetten, nicht auf fremden Seiten.

Technik (für Admins) ​

  • Kirby baut den Link aus FRONTEND_URL (auf dem Server https://staging.matev.eu) und signiert ihn mit PREVIEW_SECRET (HMAC-SHA256 über Seite, Sprache, Version und Ablaufzeit). Ohne Secret gibt es keinen Entwurfs-Link. Die Gültigkeit steuert PREVIEW_TTL (Sekunden, Standard 1800).
  • Die Website ruft den Entwurf über ihre Route /api/preview bei Kirby (/preview-api/…) ab. Kirby prüft Signatur und Ablaufzeit.
  • Plugins: cms/site/plugins/matev-preview und cms/site/plugins/matev-editor-preview; Gegenstück in staging/pages/preview/ und staging/server/api/preview.get.ts.