@payload-onpage/next

payload-onpage for the Next.js App Router: the session adapter (draft mode, editor binding, sealed preview grants), <OnPage />, onpageContext(), isDraftEnabled(), the router.refresh() renderer and the proxy for share links.

// layout
import { OnPage } from '@payload-onpage/next'
;<Suspense fallback={null}>
  <OnPage />
</Suspense>

// proxy.ts
import { createOnPageProxy } from '@payload-onpage/next/proxy'
export const proxy = createOnPageProxy({ secret: process.env.PAYLOAD_SECRET })

Entries: . (server: OnPage, session helpers), ./client (OnPageMount, OnPageClient, useNextRefresh), ./session (no client code; for payload.config), ./proxy (edge).

Part of payload-onpage: on-page editing and draft previews for Payload CMS + Next.js. Start with the getting started guide.

MIT licensed.

See the tour and getting started.

Found a bug? Report it or see CONTRIBUTING.md to fix it yourself.