OnPage for Next.js App Router

Über

Das Paket ist die Next.js-Seite von payload-onpage. Redakteure ändern Payload-Inhalte direkt auf der gerenderten Seite und sehen Entwurfsänderungen, ohne das Frontend zu verlassen. Die zentralen Bausteine sind die Server-Komponente <OnPage />, die Helfer onpageContext() und isDraftEnabled() sowie ein Renderer, der nach jeder Änderung router.refresh() aufruft und die neuen Entwurfsdaten lädt. Sitzungen laufen über den Draft Mode von Next.js. Der Entry ./session ist für die payload.config gedacht und enthält keinen Client-Code. Er stellt den Session-Adapter für den Draft Mode, die Bindung an den Editor und versiegelte Vorschau-Grants bereit. Der Entry ./proxy exportiert createOnPageProxy({ secret }), einen Edge-Proxy, der Freigabelinks für Vorschauen ausstellt und prüft. Er liegt vor den Routen der App. Der Entry "." enthält die serverseitigen Teile (OnPage und die Session-Helfer), ./client exportiert OnPageMount, OnPageClient und useNextRefresh. Vorausgesetzt werden Next.js ^15.4.11 oder ^16.3.8, React und react-dom ^19.0.0 sowie Node.js ab 20.9.0. Die Pakete @payload-onpage/core, @payload-onpage/react und @payload-onpage/lexical werden als Abhängigkeiten mitinstalliert. Das README zeigt Textänderungen direkt auf der Seite, die automatisch als Entwurf gespeichert werden, sowie Vorschauen von Entwürfen in Phone- und Tablet-Breite.

Paketinformationen

Paketname

@payload-onpage/next

Neueste Version

0.6.0

Entpackte Größe

75 kB

Lizenz

MIT

Wöchentliche Downloads

1706

Zuletzt veröffentlicht

13. Okt. 2026