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

# React Quickstart

> צור פרויקט Base44 מסוג full-stack עם בקאנד Base44 ו-frontend React מבוסס Vite

עקוב אחר ה-quickstart הזה כדי לבנות פרויקט, להגדיר entity, ולהריץ את האפליקציה שלך מקומית. פרויקט זה כולל לקוח Base44 SDK מוגדר מראש, קומפוננטות UI ועיצוב עם Tailwind CSS.

<Note>ה-CLI דורש Node.js 20.19.0 ומעלה.</Note>

## הגדרה

<Steps>
  <Step title="התקן את Base44 CLI">
    התקן את Base44 CLI גלובלית:

    ```bash theme={null}
    npm install -g base44@latest
    ```
  </Step>

  <Step title="צור פרויקט">
    צור פרויקט Base44 חדש:

    ```bash theme={null}
    base44 create
    ```

    אם אתה לא מחובר כבר, הפקודה תבקש ממך לבצע אימות.

    בחר **Start from a template** כשתתבקש, ולאחר מכן עקוב אחר ההוראות להגדיר את הפרויקט שלך, לדחוף entities, ולפרוס את האתר שלך.
  </Step>
</Steps>

לאחר ההשלמה, תראה את שם הפרויקט שלך, קישור ללוח הבקרה של Base44 שלך, וכתובת האפליקציה החיה שלך.

מבנה הפרויקט שנוצר:

<Tree>
  <Tree.Folder name="<your-project-name>" defaultOpen>
    <Tree.Folder name="base44" defaultOpen>
      <Tree.File name=".app.jsonc" />

      <Tree.File name="config.jsonc" />

      <Tree.Folder name="entities" defaultOpen>
        <Tree.File name="task.jsonc" />
      </Tree.Folder>
    </Tree.Folder>

    <Tree.Folder name="src" defaultOpen>
      <Tree.Folder name="api">
        <Tree.File name="base44Client.js" />
      </Tree.Folder>

      <Tree.Folder name="components">
        <Tree.Folder name="ui" />

        <Tree.File name="Base44Logo.jsx" />
      </Tree.Folder>

      <Tree.File name="App.jsx" />

      <Tree.File name="main.jsx" />

      <Tree.File name="index.css" />
    </Tree.Folder>

    <Tree.File name=".gitignore" />

    <Tree.File name=".nvmrc" />

    <Tree.File name="components.json" />

    <Tree.File name="index.html" />

    <Tree.File name="jsconfig.json" />

    <Tree.File name="package.json" />

    <Tree.File name="postcss.config.js" />

    <Tree.File name="README.md" />

    <Tree.File name="tailwind.config.js" />

    <Tree.File name="vite.config.js" />
  </Tree.Folder>
</Tree>

למידע נוסף על הקבצים בפרויקט זה, ראה [Project Structure](/developers/backend/overview/project-structure).

פרויקט זה כולל דוגמת [entity](/developers/references/entities/introduction) של `Task` ב-`base44/entities/task.jsonc` שנדחפה ל-Base44 במהלך יצירת הפרויקט. תוכל לשנות entity זה או ליצור נוספים.

## השלבים הבאים

עכשיו שהבקאנד Base44 שלך משולב בפרויקט שלך, אתה יכול:

* להשתמש ב-[SDK](/developers/references/sdk/getting-started/overview) כדי להוסיף עוד פונקציונליות ל-frontend שלך.
* להוסיף [entities](/developers/backend/resources/entities/overview), [backend functions](/developers/backend/resources/functions), ו-[agents](/developers/backend/resources/agents-config). אם אתה עובד ב-TypeScript, [ייצר types](/developers/references/sdk/getting-started/dynamic-types) כדי לקבל autocomplete ובטיחות סוגים.
* לבדוק באופן מקומי על ידי הרצת [`base44 dev`](/developers/references/cli/commands/dev) עבור הבקאנד ו-`npm run dev` עבור ה-frontend. ראה [Local development](/developers/backend/overview/local-dev/local-development-overview) להוראות הגדרה.
* לפרוס עדכונים עם [`base44 deploy`](/developers/references/cli/commands/deploy).
* לפתוח את האתר המופץ שלך עם [`base44 site open`](/developers/references/cli/commands/site-open).

הפרויקט שלך כולל [Base44 skills](/developers/backend/overview/base44-skills) שמלמדים עוזרי קידוד AI כיצד לעבוד עם Base44. תוכל לפתוח את הפרויקט שלך ב-Cursor, Claude Code, או עוזר ה-AI המועדף עליך ולתאר מה אתה רוצה לבנות.

## ראה גם

* [CLI Command Reference](/developers/references/cli/commands/introduction): כל פקודות ה-CLI הזמינות
* [Project Structure](/developers/backend/overview/project-structure): כיצד משאבי פרויקט מאורגנים
* [Entities](/developers/references/entities/introduction): למד על תצורת schema של מסד הנתונים
* [Example apps](https://github.com/base44/apps-examples): פרויקטים לדוגמה ללמוד מהם

<Note>דף זה תורגם באמצעות בינה מלאכותית. למידע המדויק והעדכני ביותר, עיין ב[גרסה האנגלית](/). </Note>