Настройка Прокси Админ Панели

Подключение панели администратора к вашему сайту — простой шаг

Почему это необходимо

Это обеспечивает бесперебойный процесс редактирования. Когда панель администратора подключена к вашему сайту через прокси, вы можете редактировать сайт по тому же URL и получать визуальный предварительный просмотр изменений в режиме реального времени. Это также включает редактирование с наложениями, что улучшает пользовательский опыт при редактировании страницы.

Необходимые шаги

Настройка прокси (есть некоторые нюансы)

Настройка прокси — это всего лишь файл proxy.ts в вашем проекте, который действует как переписывание URL, позволяя конечной точке /admin вашего сайта направляться в CMS.

• Для localhost: необходимо использовать туннель (поскольку CMS не может обратиться к localhost напрямую)
• Бесшовно работает на развернутых сайтах

Настройка прокси

// proxy.ts
import { createCmsProxy } from 'cms-renderer/lib/proxy';

export const proxy = createCmsProxy({
  upstream: "https://cms.dev.tryprofound.com", // панель администратора CMS
});

export const config = {
  matcher: [
    '/admin',
    '/admin/:path*',
    '/api/:path*',
    '/auth/:path*',
    '/_next/:path*',
    '/((?:.*\\.(?:css|js|map|png|jpg|jpeg|gif|svg|ico|webp|avif|woff|woff2|ttf|eot|txt|xml))$)',
  ],
};

Теперь вы можете перейти по адресу /admin, чтобы получить доступ к панели администратора с вашего сайта. Это включает живой предварительный просмотр.

Обработка параметров поиска рендера

Наложения обрабатываются автоматически. Вам нужно лишь передать searchParams в ваш рендерер.

// page.tsx
interface PageProps {
  params: Promise<{ slug: string[] }>;
  searchParams: Promise<{ [key: string]: string | string[] | undefined }>;
}

Как проверить

1. Перейдите на /admin на своем сайте
2. Должен попросить вас войти и сразу открыть панель администратора CMS

Наложения и живые предварительные просмотры должны работать автоматически.