> ## 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.

# Quickstart React

> Créez un projet Base44 full-stack avec un backend Base44 et un frontend React propulsé par Vite

Suivez ce quickstart pour créer un projet, définir une entité et exécuter votre application localement. Ce projet inclut un client SDK Base44 préconfiguré, des composants UI et un style Tailwind CSS.

<Note>La CLI nécessite Node.js 20.19.0 ou supérieur.</Note>

## Configuration

<Steps>
  <Step title="Installer la CLI Base44">
    Installez la CLI Base44 globalement :

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

  <Step title="Créer un projet">
    Créez un nouveau projet Base44 :

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

    Si vous n'êtes pas déjà connecté, la commande vous demandera de vous authentifier.

    Sélectionnez **Start from a template** lorsque demandé, puis suivez les invites pour configurer votre projet, pousser les entités et déployer votre site.
  </Step>
</Steps>

Une fois terminé, vous verrez le nom de votre projet, un lien vers votre tableau de bord Base44 et l'URL de votre application en direct.

La structure de projet générée :

<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>

Pour plus d'informations sur les fichiers de ce projet, consultez [Structure du projet](/developers/backend/overview/project-structure).

Ce projet inclut un exemple d'[entité](/developers/references/entities/introduction) `Task` dans `base44/entities/task.jsonc` qui a été poussée vers Base44 lors de la création du projet. Vous pouvez modifier cette entité ou en créer d'autres.

## Étapes suivantes

Maintenant que votre backend Base44 est intégré à votre projet, vous pouvez :

* Utiliser le [SDK](/developers/references/sdk/getting-started/overview) pour ajouter plus de fonctionnalités à votre frontend.
* Ajouter des [entités](/developers/backend/resources/entities/overview), des [fonctions backend](/developers/backend/resources/functions) et des [agents](/developers/backend/resources/agents-config). Si vous travaillez en TypeScript, [générez des types](/developers/references/sdk/getting-started/dynamic-types) pour obtenir l'autocomplétion et la sécurité des types.
* Tester localement en exécutant [`base44 dev`](/developers/references/cli/commands/dev) pour le backend et `npm run dev` pour le frontend. Consultez [Développement local](/developers/backend/overview/local-dev/local-development-overview) pour les instructions de configuration.
* Déployer des mises à jour avec [`base44 deploy`](/developers/references/cli/commands/deploy).
* Ouvrir votre site déployé avec [`base44 site open`](/developers/references/cli/commands/site-open).

Votre projet inclut les [skills Base44](/developers/backend/overview/base44-skills) qui apprennent aux assistants de codage IA à travailler avec Base44. Vous pouvez ouvrir votre projet dans Cursor, Claude Code ou votre assistant IA préféré et décrire ce que vous voulez créer.

## Voir aussi

* [Référence des commandes CLI](/developers/references/cli/commands/introduction) : toutes les commandes CLI disponibles
* [Structure du projet](/developers/backend/overview/project-structure) : comment les ressources du projet sont organisées
* [Entités](/developers/references/entities/introduction) : apprenez la configuration du schéma de base de données
* [Exemples d'applications](https://github.com/base44/apps-examples) : exemples de projets pour apprendre

<Note>Cette page a été traduite à l'aide de l'IA. Pour les informations les plus précises et à jour, consultez la [version anglaise](/). </Note>