Yönetici paneli proxy kurulumu

Web sitenize yönetici panelini eklemek kolay bir adımdır.

Bu neden gereklidir

Bu, düzenleme deneyiminizin sorunsuz olmasını sağlar. Proxy aracılığıyla web sitenize eklenmiş yönetici paneli ile web sitenizi aynı URL üzerinden düzenleyebilir ve değişikliklerin görsel ön izlemesini gerçek zamanlı olarak görebilirsiniz. Bu ayrıca, web sayfasını düzenlerken daha iyi bir kullanıcı deneyimi sunan bindirme düzenlemeyi etkinleştirir.

Gerekli Adımlar

Proxy kurulumu (bazı dikkat edilmesi gereken noktalar var)

Proxy kurulumu, web sitenizin /admin uç noktasının CMS'ye yönlenmesini sağlamak için URL yeniden yazması gibi davranan projenizdeki bir proxy.ts dosyasından ibarettir.

• localhost için: bir tünel kullanmalısınız (CMS doğrudan localhosta erişemez)
• Yayımlanmış web sitelerinde sorunsuz çalışır

Proxy Kurulumu

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

export const proxy = createCmsProxy({
  upstream: "https://cms.dev.tryprofound.com", // cms yönetici paneli
});

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))$)',
  ],
};

Artık web sitenizden yönetici paneline erişmek için /admin yoluna gidebilirsiniz. Bu, canlı ön izlemesini etkinleştirir.

Renderer Arama Parametrelerinin Çözülmesi

Bindirmeler otomatik olarak yönetilir. Yalnızca searchParams değerini renderer'ınıza geçirmeniz gerekir.

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

Nasıl Doğrulanır

1. Web sitenizde /admin adresine gidin
2. Sizden giriş yapmanızı istemeli ve CMS yönetici panelini hemen açmalıdır

Bindirmeler ve canlı ön izlemeler otomatik olarak çalışmalıdır.