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

Nextra Documentation

بناء مواقع توثيق مدعومة بـ Next.js مع Nextra باستخدام MDX وتوجيه نظام الملفات.

Claude Code Cursor Copilot

نظرة عامة

Nextra هو إطار عمل توثيق مبني على Next.js يجمع بين توجيه نظام الملفات ومحتوى MDX. يمكن لوكلاء البرمجة الذكية إنشاء صفحات التوثيق وتكوين السمات وإدارة ملفات _meta.json للتنقل التي تتحكم في بنية الشريط الجانبي.

يمكن للوكلاء إنشاء توثيق MDX بتنسيق مناسب وتكوين سمة التوثيق أو المدونة في Nextra وإعداد تكامل البحث وإدارة ترتيب الصفحات من خلال ملفات _meta.json. توجيه Nextra البسيط القائم على الملفات يجعل من السهل على الوكلاء بناء وصيانة التوثيق.

يدعم Nextra ميزات مثل البحث النصي الكامل وتمييز بناء الجملة والتنبيهات والتبويبات والوضع الداكن. يمكن للفرق استخدام الوكلاء الأذكياء لإنشاء وصيانة مواقع توثيق بسرعة مع مزايا أداء Next.js وتكامل مكونات React.

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

  • بناء موقع توثيق Nextra ببنية مناسبة
  • إنشاء صفحات MDX بتكوين التنقل
  • تكوين البحث وتخصيص السمة
  • إنشاء توثيق API بأمثلة كود

التثبيت

إعداد Claude Code
npm install nextra nextra-theme-docs next react react-dom

الإعدادات

// next.config.mjs
import nextra from 'nextra';

const withNextra = nextra({
  theme: 'nextra-theme-docs',
  themeConfig: './theme.config.tsx',
});

export default withNextra({});

// theme.config.tsx
export default {
  logo: <span>My Documentation</span>,
  project: { link: 'https://github.com/user/repo' },
  docsRepositoryBase: 'https://github.com/user/repo/tree/main/docs',
};