تواصل معنا
Webflow Premium Partner إيهاب فايز
العودة لأدوات AI Coding
المحتوى والتوثيق

Contentlayer CMS

إدارة محتوى آمنة الأنواع مع Contentlayer للمحتوى المنظم في المشاريع القائمة على الكود.

Claude Code Cursor Copilot

نظرة عامة

يحول Contentlayer ملفات المحتوى (Markdown وMDX وJSON) إلى هياكل بيانات آمنة الأنواع تتكامل بسلاسة مع كود التطبيق. يمكن للوكلاء الأذكياء تعريف مخططات المحتوى والتحقق من صحة المحتوى وإنشاء واجهات برمجة محتوى مكتوبة.

تنشئ الأداة تلقائياً أنواع TypeScript من مخططات المحتوى، مما يوفر الإكمال التلقائي وفحص الأنواع لحقول المحتوى. يمكن للوكلاء إنشاء مستندات المحتوى والتحقق من صحتها وضمان الامتثال للمخطط وإدارة العلاقات بين أنواع المستندات المختلفة.

يعمل Contentlayer بشكل جيد مع Next.js وأطر React الأخرى، مما يوفر طبقة محتوى تشبه قاعدة بيانات محلية. يمكن للفرق تعريف مخططات محتوى صارمة بينما يتعامل الوكلاء الأذكياء مع إنشاء والتحقق من المحتوى الذي يتوافق مع تلك المخططات.

لمن هذه الأداة؟

  • تعريف مخططات محتوى آمنة الأنواع لمقالات المدونة
  • التحقق من frontmatter المحتوى مقابل المخططات
  • إنشاء واجهات برمجة محتوى مكتوبة لاستخدام التطبيق
  • ترحيل المحتوى الموجود إلى مخططات Contentlayer

التثبيت

إعداد Claude Code
npm install contentlayer next-contentlayer

الإعدادات

// contentlayer.config.ts
import { defineDocumentType, makeSource } from 'contentlayer/source-files';

const Post = defineDocumentType(() => ({
  name: 'Post',
  filePathPattern: '**/*.mdx',
  fields: {
    title: { type: 'string', required: true },
    date: { type: 'date', required: true },
  },
}));

export default makeSource({
  contentDirPath: 'content',
  documentTypes: [Post],
});