Configura Proxy Pannello Di Amministrazione

Collegare il pannello di amministrazione al tuo sito web è un passaggio semplice

Perché è necessario

Questo garantisce un'esperienza di modifica senza interruzioni. Con il pannello di amministrazione collegato al tuo sito web tramite un proxy, puoi modificare il tuo sito web sul medesimo URL e avere un'anteprima visiva delle modifiche in tempo reale. Consente inoltre la modifica sovrapposta, che offre un'esperienza utente migliore durante l'editing della pagina web.

Passaggi necessari

Configurazione del proxy (ci sono alcune avvertenze)

La configurazione del proxy è semplicemente un file proxy.ts nel tuo progetto che si comporta come una riscrittura di URL, per consentire all'endpoint /admin del tuo sito web di risolversi nel CMS.

• Per localhost: devi utilizzare un tunnel (poiché il CMS non può accedere direttamente a localhost)
• Funziona senza problemi sui siti web distribuiti

Configurazione del proxy

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

export const proxy = createCmsProxy({
  upstream: "https://cms.dev.tryprofound.com", // pannello di amministrazione 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))$)',
  ],
};

Ora puoi andare su: /admin per accedere al pannello di amministrazione dal tuo sito web. Questo abilita l'anteprima dal vivo.

Risoluzione dei parametri di ricerca del renderer

Le sovrapposizioni sono gestite automaticamente. Devi soltanto passare searchParams al tuo renderer.

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

Come verificare

1. Vai su /admin sul tuo sito web
2. Dovrebbe chiederti di effettuare l'accesso e aprire immediatamente il pannello di amministrazione del CMS

Le sovrapposizioni e le anteprime dal vivo dovrebbero funzionare automaticamente.