> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lumi.new/llms.txt
> Use this file to discover all available pages before exploring further.

# بداية سريعة

> من كلمات بسيطة إلى موقع ويب متكامل.

مرحبًا بك في هذا الدليل السريع لإنشاء موقع ويب متكامل باستخدام Lumi.

## الصفحة الرئيسية

<img src="https://mintcdn.com/blockdance/ynWgEA-zeP9dMZPg/images/20250821-202133.jpeg?fit=max&auto=format&n=ynWgEA-zeP9dMZPg&q=85&s=97442ddf98e65bf43b19ba56f6c17969" alt="20250821 202133 Jpe" width="3824" height="1682" data-path="images/20250821-202133.jpeg" />

تحتوي الصفحة الرئيسية بشكل أساسي على:

<Columns cols={2}>
  <Card title="ابدأ بموجه" img="https://mintcdn.com/blockdance/ynWgEA-zeP9dMZPg/images/screenshot-20250825-154846.png?fit=max&auto=format&n=ynWgEA-zeP9dMZPg&q=85&s=e8fafb96d5faa0c0ec43a0a0dfdb5f05" width="1618" height="358" data-path="images/screenshot-20250825-154846.png">
    ابدأ مشروعك بموجه وصفي واحد.
  </Card>

  <Card title="استخدم قالبًا" img="https://mintcdn.com/blockdance/ynWgEA-zeP9dMZPg/images/screenshot-20250825-154857.png?fit=max&auto=format&n=ynWgEA-zeP9dMZPg&q=85&s=3a4d7d4389fbc89e96b9014357cb3e40" width="1336" height="98" data-path="images/screenshot-20250825-154857.png">
    سرّع عملية التطوير بالبدء من مجموعتنا المنسقة من القوالب.
  </Card>

  <Card title="استكشف المجتمع" img="https://mintcdn.com/blockdance/ynWgEA-zeP9dMZPg/images/screenshot-20250825-155003.png?fit=max&auto=format&n=ynWgEA-zeP9dMZPg&q=85&s=2ea3bc083fb9a17998db34d75529494f" width="2970" height="1608" data-path="images/screenshot-20250825-155003.png">
    تصفح جميع المشاريع العامة، بما في ذلك أحدث الإبداعات والاختيارات المميزة.
  </Card>

  <Card title="ابحث عن مشاريعك" img="https://mintcdn.com/blockdance/ynWgEA-zeP9dMZPg/images/screenshot-20250825-155110.png?fit=max&auto=format&n=ynWgEA-zeP9dMZPg&q=85&s=f069a5eb78bea9ca0f234038acd526eb" width="3824" height="1916" data-path="images/screenshot-20250825-155110.png">
    تصفح جميع المشاريع التي أنشأتها.
  </Card>

  <Card title="إدارة حسابك" img="https://mintcdn.com/blockdance/ynWgEA-zeP9dMZPg/images/20250825-155323.jpeg?fit=max&auto=format&n=ynWgEA-zeP9dMZPg&q=85&s=611896281375aa724b885f4f28c03ea8" width="3822" height="1916" data-path="images/20250825-155323.jpeg">
    تحقق من رصيدك الشهري واضبط إعدادات الحساب.
  </Card>

  <Card title="تعديل خطتك" img="https://mintcdn.com/blockdance/ynWgEA-zeP9dMZPg/images/20250825-155328.jpeg?fit=max&auto=format&n=ynWgEA-zeP9dMZPg&q=85&s=20009fa87973936ecda6032924e5754e" width="3822" height="1916" data-path="images/20250825-155328.jpeg">
    قم بترقية أو تخفيض اشتراكك بسلاسة في أي وقت.
  </Card>
</Columns>

## صفحة المشروع

<img src="https://mintcdn.com/blockdance/ynWgEA-zeP9dMZPg/images/screenshot-20250825-160241.png?fit=max&auto=format&n=ynWgEA-zeP9dMZPg&q=85&s=a3ad5075591b6b38cc9c65aeb1b99c90" alt="Screenshot 20250825 160241 Pn" width="3814" height="1916" data-path="images/screenshot-20250825-160241.png" />

تنقسم صفحة المشروع إلى 3 أقسام رئيسية:

<Columns cols={2}>
  <Card title="دردشة الذكاء الاصطناعي" img="https://mintcdn.com/blockdance/ynWgEA-zeP9dMZPg/images/20250825-155522.jpeg?fit=max&auto=format&n=ynWgEA-zeP9dMZPg&q=85&s=d3231c7a4837f6899fe90820a7ad4f0e" width="3840" height="1916" data-path="images/20250825-155522.jpeg">
    هذا هو مركز التحكم الخاص بك للتفاعل مع Lumi. استخدمه لتقديم التعليمات، وطلب التغييرات، وطرح الأفكار، وتوجيه تطوير تطبيقك.
  </Card>

  <Card title="المعاينة" img="https://mintcdn.com/blockdance/ynWgEA-zeP9dMZPg/images/20250825-155526.jpeg?fit=max&auto=format&n=ynWgEA-zeP9dMZPg&q=85&s=5eb8c40ef71ecde175fb7e9b367e2abd" width="3840" height="1916" data-path="images/20250825-155526.jpeg">
    هذه معاينة حية وتفاعلية وقابلة للتخصيص بالكامل لموقعك. انقر فوق أي عنصر لاختبار وظائفه أو لإجراء تعديلات مباشرة باستخدام المحرر المرئي.
  </Card>

  <Card title="مساحة العمل" img="https://mintcdn.com/blockdance/ynWgEA-zeP9dMZPg/images/20250825-155529.jpeg?fit=max&auto=format&n=ynWgEA-zeP9dMZPg&q=85&s=8efc9e5f82cc14c5604ff02d1d8751a5" width="3840" height="1916" data-path="images/20250825-155529.jpeg">
    يتضمن هذا معلومات حول موقع الويب الخاص بك، ووظائف الواجهة الخلفية، واستخدام الأدوات، واسم النطاق، والأمان، وما إلى ذلك.
  </Card>
</Columns>

## دردشة الذكاء الاصطناعي

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

<img src="https://mintcdn.com/blockdance/yVzLgDWOMQWyvNCE/images/Result_2.png?fit=max&auto=format&n=yVzLgDWOMQWyvNCE&q=85&s=fbc0b4aeff6eb6c9b60e894f13bc99de" alt="Result 2 Pn" width="1604" height="338" data-path="images/Result_2.png" />

<u>ملاحظة</u>: لكل موجه تدخله، يمكنك العودة إلى الدردشة والنقر على "التراجع عن هذا" في أي وقت للتراجع عن موجهك. سيُطلب منك تأكيد طلبك، وبعد ذلك سيعود التطبيق إلى الحالة التي كان عليها قبل تلك النقطة مباشرةً.

<Note>
  **<u>ملاحظة:</u>** لكل موجه تدخله، يمكنك العودة إلى الدردشة والنقر على "تراجع" في أي وقت للتراجع عن موجهك. سيُطلب منك تأكيد طلبك، وبعد ذلك سيعود التطبيق إلى الحالة التي كان عليها قبل تلك النقطة مباشرةً.

  <img src="https://mintcdn.com/blockdance/yVzLgDWOMQWyvNCE/images/20250911-154652.jpeg?fit=max&auto=format&n=yVzLgDWOMQWyvNCE&q=85&s=5ba3ab426454dfb5f020b99d199d6f32" alt="20250911 154652 Jpe" width="960" height="450" data-path="images/20250911-154652.jpeg" />
</Note>

## بناء تطبيقك الأول: خطوة بخطوة

<Steps>
  <Step title="ابدأ بموجه واضح">
    صف الوظيفة الأساسية لتطبيقك بلغة بسيطة.

    على سبيل المثال:

    ```mdx theme={null}
    أنشئ مدير مهام للفرق لتعيين المهام وتتبعها وإكمالها مع تقارير التقدم.
    ```
  </Step>

  <Step title="أنشئ تطبيقك على الفور">
    سيقوم Lumi تلقائيًا ببناء واجهة تطبيقك والواجهة الخلفية. يمكنك مشاهدة العملية مباشرة في لوحة المعاينة.

    <img src="https://mintcdn.com/blockdance/yVzLgDWOMQWyvNCE/images/20250911-155051.jpeg?fit=max&auto=format&n=yVzLgDWOMQWyvNCE&q=85&s=e12430ce9ede5193248a77c6c56a4cfb" alt="20250911 155051 Jpe" width="3840" height="1916" data-path="images/20250911-155051.jpeg" />
  </Step>

  <Step title="حسّن وخصص">
    استخدم دردشة الذكاء الاصطناعي لإجراء تعديلات واسعة أو [التعديلات المرئية](/ar/features/visual-edits) لضبط التفاصيل الدقيقة مثل الألوان والتخطيط. قم بتنشيط [وضع المناقشة](/ar/features/modes#discuss-mode) للتعاون مع الذكاء الاصطناعي على المنطق المعقد قبل التنفيذ.
  </Step>

  <Step title="اختبر بدقة">
    تفاعل مع موقع الويب الخاص بك في لوحة المعاينة تمامًا كما يفعل المستخدم، وانقر على كل ميزة للتأكد من أنها تعمل بشكل مثالي.
  </Step>

  <Step title="شارك وانشر">
    بمجرد أن تكون جاهزًا للانطلاق، انقر فوق زر "نشر" لنشر موقعك وعرضه للعالم.

    <img src="https://mintcdn.com/blockdance/yVzLgDWOMQWyvNCE/images/20250911-160827.jpeg?fit=max&auto=format&n=yVzLgDWOMQWyvNCE&q=85&s=7fd2a73b38e219cc8fcfbb818cac7fe7" alt="20250911 160827 Jpe" width="2896" height="1702" data-path="images/20250911-160827.jpeg" />
  </Step>
</Steps>
