Passer au contenu principal
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 et lorsque vous vous connectez à GitHub, vous verrez la structure complète du projet React/Vite :
src
pages
api
hooks
lib
utils
entities
functions
package.json
vite.config.js
tailwind.config.js
index.html

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

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.
Cette page a été traduite à l’aide de l’IA. Pour les informations les plus précises et à jour, consultez la version anglaise.