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

# المقدمة

> مرحباً بك في مستندات بوابة

## المتطلبات المسبقة

قبل البدء باستخدام **بوابة**، يجب أن يكون لديك:

1. حساب مطوّر في بوابة (يمكنك إنشاؤه من [هنا](https://bawabah.app/dev/login) ).
2. إصدار 18 أو أعلى (يمكنك تحميله من [هنا](https://nodejs.org/en/download)) Node.js.

<Card title="جاهز للبدء؟" icon="rocket" horizontal href="/getting-started/ar/quickstart">
  انتقل إلى البدء السريع.
</Card>

## كيف تعمل بوابة?

<img src="https://mintcdn.com/iehasa/3HrAqnpWMbH53XXh/images/quickstart/bawabah-login-flow-ar.png?fit=max&auto=format&n=3HrAqnpWMbH53XXh&q=85&s=0eb07a36c85ebe8af10e530f34c30666" alt="Bawabah Login Flow" title="Bawabah Login Flow" className="mx-auto diagram" style={{ width:"71%" }} width="1496" height="1544" data-path="images/quickstart/bawabah-login-flow-ar.png" />

## هيكلية المستندات البرمجية

<Steps>
  <Step title="المقدمة" icon="book" iconType="solid">
    التحضير للتنفيذ والمتطلبات.
  </Step>

  <Step title="البدء السريع" icon="rocket" iconType="solid">
    للبدء بسرعة وأبسط إعدادات.
  </Step>

  <Step title="التطوير" icon="code" iconType="solid">
    تعلم كيفية ربط خدمة تسجيل الدخول مع أمثلة ومخططات واضحة.
  </Step>

  <Step title="أمثلة" icon="flask" iconType="solid">
    أفضل طريقة للتعلم هي من خلال الأمثلة.
  </Step>
</Steps>

<Columns cols={2}>
  <Card title="البدء السريع" icon="rocket" iconType="regular" href="/getting-started/ar/quickstart">
    انتقل إلى البدء السريع.
  </Card>

  <Card title="تسجيل الدخول المستضاف" icon="page" href="/development/en/hosted">
    الحل الأسهل لتسجيل الدخول.
  </Card>

  <Card title="تسجيل الدخول عبر النموذج" icon="envelope" href="/development/en/form">
    خصص نموذج الدخول من بوابة على موقعك.
  </Card>

  <Card title="أمثلة" icon="flask" href="/examples/en">
    أمثلة للتكامل البرمجي.
  </Card>
</Columns>