Estrutura do Projeto

Os apps Base44 são apps React padrão construídos com Vite. Seu projeto inclui ferramentas modernas de desenvolvimento web e integração perfeita com o backend da Base44.

No Code Tab e quando você conecta ao GitHub, você verá a estrutura completa do projeto React/Vite:

src

pages

components

api

hooks

lib

utils

entities

functions

package.json

vite.config.js

tailwind.config.js

index.html

Diretórios do projeto

Seu projeto contém os seguintes diretórios:

src/ - Código do frontend do app organizado nos seguintes diretórios:
- pages - As páginas do seu app. Cada arquivo é uma rota. Home.jsx se torna /, Settings.jsx se torna /settings.
- components - Elementos de UI reutilizáveis. A subpasta ui/ contém componentes de UI pré-construídos.
- api - Configuração do cliente SDK da Base44 para comunicação com seu backend.
- hooks - Hooks React customizados para UI e gerenciamento de estado.
- lib - Código de integração com a Base44 e configuração do app.
- utils - Funções utilitárias e métodos auxiliares.
entities/ - Suas definições de modelo de dados. Cada entidade tem um arquivo de schema JSON que define seus campos.
functions/ - Funções de backend para lógica de servidor. Cada arquivo TypeScript neste diretório é uma função separada.

Entidades: Ao usar a integração bidirecional com GitHub, as entidades são gerenciadas na Base44 e não são incluídas no seu repositório local.

Arquivos de configuração

O diretório raiz inclui toda a configuração necessária para rodar de forma independente:

package.json - Dependências e scripts (inclui @base44/sdk)
vite.config.js - Configuração de build com o plugin Base44
tailwind.config.js - Configuração de estilização
index.html - Ponto de entrada HTML principal

Rodar localmente

Para rodar o projeto exportado localmente: npm install e depois npm run dev.

Esta página foi traduzida usando IA. Para informações mais precisas e atualizadas, consulte a versão em inglês.