All Systems Operational
Powered By
profound-logo
profound-logoProfound CMS
⌘K
Admin

Renderer Projesi

Renderer için proje kurulumu

Renderer'ı Kurun

Renderer'ı projenize çekin:

npm i cms-renderer

Proje Yapısı

Renderer'ı projenizde nerede çözeceğinize karar verin:

src/
    app/
        [...slug]/
            page.tsx

Sonraki Adımlar

  • Dinamik rota yönetimi için parametrik yönlendirmeyi ayarlayın
  • Kaydı özel bileşenlerle genişletin
  • Canlı düzenleme için yönetici panelini entegre edin

Next.js projemiz basit bir catch-all rotadır

Belgelendirme sayfası gibi yapılandırılmış bir web sitesi için, page.tsx şu şekilde görünür

import NavbarBlock from '@/components/NavbarBlock';
import
Continue Reading
NextParametrik Yönlendirme›
UIContent
from
'@/components/UIContent'
;
import UIFooter from '@/components/UIFooter';
import UISidebar from '@/components/UISidebar'; // bir CMS'ten bağımsız olan tasarım sistemimiz
import ParametricRoutePage from 'cms-renderer/lib/renderer'; // render alma ve canlı önizlemeler için Profound CMS renderer primitifleri
import type { BlockComponentRegistry } from 'cms-renderer/lib/types'; // blok kayıt TypeScript tipleri
const registry: Partial<BlockComponentRegistry> = {
header: NavbarBlock,
uisidebar: UISidebar,
uicontent: UIContent,
uifooter: UIFooter,
};
interface PageProps {
params: Promise<{ slug: string[] }>;
}
export default async function Page({ params }: PageProps) {
const { slug } = await params;
return (
<ParametricRoutePage
registry={registry}
apiKey={cmsConfig.apiKey}
websiteId={cmsConfig.websiteId}
cmsUrl={cmsConfig.cmsUrl}
params={Promise.resolve({ slug })}
/>
);
}

Sonrasında sayfalar oluşturmaya başlarız; bu noktada hem Parametrik hem de Statik sayfalar çalışmalıdır.

Sonraki adımlar

  1. Bileşen türünüzü senkronize tutmak için, Zod bileşen çekişini kurarak bileşeninizin türünü uzak yönetici panelinin en güncel durumu ile doğrulayın.
  2. Yönetici panelinde bileşenlerle parametrik sayfaları ayarlayın.
  3. Canlı düzenleme için yönetici panelini bir proxy olarak entegre edin.

Hibrit

Renderer ProjesiParametrik YönlendirmeBileşenler TürleriSseYönetici paneli proxy kurulumuDuzenleme Modu Destegiyle Statik IslemeŞablon Oluşturucuda Betik YazmaCreate Profound Next

Başsız

Hızlı başlangıçJson Ve Claude KodBileşen Zod Çekme

Mcp

Mcp

Cms Özellikleri

Özellik Belgeler ŞablonuÖzellik Şablon OluşturucuÖzellik ÇeviriciÖzellik Organizasyon

Motivasyon

Bizim yaklaşımımız

Terminoloji

Hibrit Vs Headless