OnPage for Next.js App Router
Адаптер для Next.js App Router, который добавляет inline-редактирование и предпросмотр черновиков для страниц на Payload.
Установка
pnpm add @payload-onpage/next Описание
Редакторы меняют контент Payload прямо на отрендеренной странице и видят черновые изменения, не покидая фронтенд. Серверная часть находится в точке входа `.`: компонент `<OnPage />` и хелперы `onpageContext()` и `isDraftEnabled()`. После правки черновик подгружается через `router.refresh()`. Сессии работают через draft mode в Next.js. Точка входа `./session` предназначена для `payload.config`, в ней нет клиентского кода. Она отвечает за привязку редактора и запечатанные (sealed) разрешения на предпросмотр. Точка входа `./proxy` экспортирует `createOnPageProxy({ secret })`, edge-прокси, который выпускает и проверяет share-ссылки на предпросмотр и стоит перед маршрутами приложения. Клиентские части доступны из точки входа `./client`: `OnPageMount`, `OnPageClient` и `useNextRefresh`. Пакет требует Next.js ^15.4.11 или ^16.3.8, React и React DOM ^19.0.0 и Node.js не ниже 20.9.0. Он зависит от пакетов `@payload-onpage/core`, `@payload-onpage/react` и `@payload-onpage/lexical`, которые устанавливаются вместе с ним. В README показано, как текстовые правки автосохраняются как черновики и как просматривать черновики в ширине телефона и планшета. Версия 0.5.0, лицензия MIT.
О пакете
- Имя пакета
@payload-onpage/next- Последняя версия
0.6.0- Размер
- 75 кБ
- Лицензия
- MIT
- Загрузок в неделю
- 1,7 тыс.
- Последняя публикация
- 13 окт. 2026 г.
Ещё от jellologic
Профиль автораonpage for TanStack Start
Подключает плагин payload-onpage к сайту на TanStack Start, чтобы редакторы правили контент и смотрели черновики прямо на странице.
On-Page Editing
Встраивает редактирование Payload-страниц прямо в Next.js-фронтенд, сохраняет правки как черновики и выдаёт ссылки для предпросмотра.
Lexical Inline Rich Text Editor
Добавляет редактирование полей richText Payload прямо на странице: клик по тексту открывает редактор без перехода в админку.
onpage core
Фреймворк-независимое ядро onpage для кликабельного редактирования черновых превью с сохранением через REST API Payload.
On-Page React Editor
Добавляет на React-страницы Payload визуальный редактор: тулбары, панели и редакторы полей поверх отрисованной страницы.