All Systems Operational
Powered By
profound-logo

مشروع المعالج

إعداد المشروع للمعالج

تثبيت المعالج

اسحب المعالج إلى مشروعك:

npm i cms-renderer

هيكل المشروع

قرّر مكان استدعاء المعالج في مشروعك:

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

الخطوات التالية

  • قم بإعداد التوجيه البارامتري للتعامل مع المسارات الديناميكية
  • وسّع السجل بمكوّنات مخصّصة
  • دمج لوحة الإدارة للتحرير المباشر

مشروع Next.js الخاص بنا عبارة عن مسار شامل بسيط

بالنسبة لموقع ويب مُنظَّم مثل صفحة توثيق، يبدو ملف page.tsx كما يلي

import NavbarBlock from '@/components/NavbarBlock';
import UIContent
Continue Reading
Nextالتوجيه البارامتري›
from
'@/components/UIContent'
;
import UIFooter from '@/components/UIFooter';
import UISidebar from '@/components/UISidebar'; // نظام التصميم الخاص بنا والمحايد تجاه أي نظام إدارة محتوى
import ParametricRoutePage from 'cms-renderer/lib/renderer'; // بدائيات معالج Profound CMS للسماح بالتصيير والمعاينات الحية
import type { BlockComponentRegistry } from 'cms-renderer/lib/types'; // أنواع TypeScript الخاصة بسجل المكوّنات
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 })}
/>
);
}

بعد ذلك نبدأ بإنشاء الصفحات، وينبغي أن تعمل الصفحات البارامترية والصفحات الثابتة في هذه المرحلة.

الخطوات التالية

  1. قم بإعداد سحب مكوّنات Zod للتحقق من نوع المكوّن الخاص بك مقابل أحدث حالة في لوحة الإدارة البعيدة للحفاظ على التزامن.
  2. قم بإعداد الصفحات البارامترية مع المكوّنات في لوحة الإدارة
  3. دمج لوحة الإدارة كوكيل للتحرير المباشر

هجين

مشروع المعالجالتوجيه البارامتريأنواع المكوّناتSseإعداد وكيل لوحة التحكّم الإداريةالعرض الثابت مع دعم وضع التحريرالبرمجة في منشئ القوالبإنشاء بروفوند نكست

بدون رأس

البدء السريعجسون وClaude Codeسحب-مكوّن-Zod

Mcp

Mcp

ميزات نظام إدارة المحتوى

ميزة قالب الوثائقميزة منشئ القالبميزة المترجمميزة المنظمة

تحفيز

نهجنا

مصطلحات

هجيني مقابل بدون واجهة
profound-logoProfound CMS
⌘K
Admin