Projektstruktur

Base44-Apps sind standardmäßige React-Apps, die mit Vite erstellt werden. Dein Projekt enthält moderne Web-Entwicklungstools und eine nahtlose Base44-Backend-Integration.

Im Code-Tab und wenn du GitHub verbindest, siehst du die vollständige React/Vite-Projektstruktur:

src

pages

components

api

hooks

lib

utils

entities

functions

package.json

vite.config.js

tailwind.config.js

index.html

Projektverzeichnisse

Dein Projekt enthält die folgenden Verzeichnisse:

src/ - Frontend-App-Code, organisiert in diesen Verzeichnissen:
- pages - Die Seiten in deiner App. Jede Datei ist eine Route. Home.jsx wird zu /, Settings.jsx zu /settings.
- components - Wiederverwendbare UI-Elemente. Der Unterordner ui/ enthält vorgefertigte UI-Komponenten.
- api - Konfiguration des Base44-SDK-Clients für die Kommunikation mit deinem Backend.
- hooks - Eigene React-Hooks für UI- und State-Management.
- lib - Base44-Integration und App-Konfigurationscode.
- utils - Utility-Funktionen und Helper-Methoden.
entities/ - Deine Datenmodell-Definitionen. Jede Entität hat eine JSON-Schema-Datei, die ihre Felder definiert.
functions/ - Backend-Funktionen für Backend-Logik. Jede TypeScript-Datei in diesem Verzeichnis ist eine separate Funktion.

Entitäten: Bei Verwendung der GitHub-2-Wege-Integration werden Entitäten in Base44 verwaltet und sind nicht in deinem lokalen Repository enthalten.

Konfigurationsdateien

Das Stammverzeichnis enthält die gesamte Konfiguration, die für den eigenständigen Betrieb erforderlich ist:

package.json - Abhängigkeiten und Skripte (enthält @base44/sdk)
vite.config.js - Build-Konfiguration mit Base44-Plugin
tailwind.config.js - Styling-Konfiguration
index.html - Haupt-HTML-Einstiegspunkt

Lokal ausführen

Um das exportierte Projekt lokal auszuführen: npm install und dann npm run dev.

Diese Seite wurde mit KI übersetzt. Für die genauesten und aktuellsten Informationen siehe die englische Version.