プロジェクト構造

Base44 アプリは、Vite で構築された標準的な React アプリです。プロジェクトには、モダンな Web 開発ツールとシームレスな Base44 バックエンドインテグレーションが含まれています。

コードタブおよび GitHub に接続した際に、完全な React/Vite プロジェクト構造が表示されます:

src

pages

components

api

hooks

lib

utils

entities

functions

package.json

vite.config.js

tailwind.config.js

index.html

プロジェクトには以下のディレクトリが含まれています:

src/ - 以下のディレクトリに整理されたフロントエンドアプリコード:
- pages - アプリ内のページ。各ファイルがルートとなります。Home.jsx は / に、Settings.jsx は /settings になります。
- components - 再利用可能な UI 要素。ui/ サブフォルダには事前構築された UI コンポーネントが含まれています。
- api - バックエンドと通信するための Base44 SDK クライアント設定。
- hooks - UI と状態管理のためのカスタム React フック。
- lib - Base44 インテグレーションとアプリ設定コード。
- utils - ユーティリティ関数とヘルパーメソッド。
entities/ - データモデル定義。各エンティティには、フィールドを定義する JSON スキーマファイルがあります。
functions/ - バックエンドロジック用のバックエンド関数。このディレクトリ内の各 TypeScript ファイルは個別の関数です。

エンティティ: GitHub 2-way インテグレーションを使用する場合、エンティティは Base44 で管理され、ローカルリポジトリには含まれません。

ルートディレクトリには、独立して実行するために必要なすべての設定が含まれています:

ローカルで実行する

エクスポートされたプロジェクトをローカルで実行するには: npm install してから npm run dev を実行します。

このページは AI を使用して翻訳されました。最も正確で最新の情報については、英語版を参照してください。