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

# Structure du projet

> Comprenez l'organisation et les fichiers clés de votre projet d'application Base44

Les applications Base44 sont des applications React standard créées avec Vite. Votre projet inclut des outils modernes de développement web et une intégration backend Base44 transparente.

## Structure du projet

Dans l'[Onglet Code](../editor/code-tab) et lorsque vous [vous connectez à GitHub](../local-development/github), vous verrez la structure complète du projet React/Vite :

<Tree>
  <Tree.Folder name="src" defaultOpen>
    <Tree.Folder name="pages" />

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

    <Tree.Folder name="api" />

    <Tree.Folder name="hooks" />

    <Tree.Folder name="lib" />

    <Tree.Folder name="utils" />
  </Tree.Folder>

  <Tree.Folder name="entities" />

  <Tree.Folder name="functions" />

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

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

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

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

### Répertoires du projet

Votre projet contient les répertoires suivants :

* **`src/`** - Code frontend de l'application organisé dans ces répertoires :
  * `pages` - Les pages de votre application. Chaque fichier est une route. `Home.jsx` devient `/`, `Settings.jsx` devient `/settings`.
  * `components` - Éléments d'interface utilisateur réutilisables. Le sous-dossier `ui/` contient des composants UI préfabriqués.
  * `api` - Configuration du client SDK Base44 pour communiquer avec votre backend.
  * `hooks` - Hooks React personnalisés pour la gestion de l'interface et de l'état.
  * `lib` - Code d'intégration Base44 et de configuration de l'application.
  * `utils` - Fonctions utilitaires et méthodes d'aide.

* **`entities/`** - Vos définitions de modèles de données. Chaque entité a un fichier de schéma JSON qui définit ses champs.

* **`functions/`** - Fonctions backend pour la logique côté serveur. Chaque fichier TypeScript dans ce répertoire est une fonction distincte.

<Note>
  **Entités :** lorsque vous utilisez l'intégration bidirectionnelle GitHub, les entités sont gérées dans Base44 et ne sont pas incluses dans votre dépôt local.
</Note>

### Fichiers de configuration

Le répertoire racine inclut toute la configuration nécessaire pour s'exécuter indépendamment :

* `package.json` - Dépendances et scripts (inclut @base44/sdk)
* `vite.config.js` - Configuration de build avec plugin Base44
* `tailwind.config.js` - Configuration de style
* `index.html` - Point d'entrée HTML principal

## Exécuter localement

Pour exécuter le projet exporté localement : `npm install` puis `npm run dev`.

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