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

# Plataforma para Desenvolvedores Base44

> Construa e implante aplicativos full-stack com um backend gerenciado projetado para agentes de IA.

<style>
  {`
    .top-cards {
      animation: inlineFadeIn 0.2s ease-out 0.15s forwards;
    }
    @keyframes inlineFadeIn {
      to { opacity: 1; }
    }
    /* Force 2-column grid before Tailwind loads */
    .top-cards > div {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 1rem !important;
    }
    @media (max-width: 640px) {
      .top-cards > div {
        grid-template-columns: 1fr !important;
      }
    }
    `}
</style>

## Comece a construir com a Base44

<div class="top-cards" style={{ opacity: 0 }}>
  <CardGroup cols={2}>
    <Card title="Plataforma de Backend" icon="server" iconType="light" href="/developers/backend/overview/introduction">
      Backend gerenciado projetado para agentes de IA. Defina tudo em código.

      [Explorar >](/developers/backend/overview/introduction)
    </Card>

    <Card title="Código do App" icon="code" iconType="light" href="/developers/app-code/overview/introduction">
      Personalize aplicativos gerados pela Base44 usando ferramentas para desenvolvedores.

      [Explorar >](/developers/app-code/overview/introduction)
    </Card>

    <Card title="CLI" icon="terminal" iconType="light" href="/developers/references/cli/get-started/overview">
      Crie projetos de backend pela linha de comando.

      [Explorar >](/developers/references/cli/get-started/overview)
    </Card>

    <Card title="Referência do SDK" icon="brackets-curly" iconType="light" href="/developers/references/sdk/getting-started/overview">
      Acesse os serviços da Base44 a partir do código frontend ou backend.

      [Explorar >](/developers/references/sdk/getting-started/overview)
    </Card>
  </CardGroup>
</div>

## Plataforma de Backend

O mesmo backend que alimenta o editor de apps da Base44, disponível como um serviço autônomo. Construa com qualquer framework frontend enquanto a Base44 cuida de:

* **[Gerenciamento de dados](/developers/backend/resources/entities/overview)**: Armazene e consulte dados com schemas flexíveis e atualizações em tempo real
* **[Funções de backend](/developers/backend/resources/backend-functions/overview)**: Lógica customizada no servidor em um runtime seguro
* **[Agentes de IA](/developers/backend/resources/agents-config)**: Defina assistentes de IA com ferramentas customizadas e permissões de dados
* **[Integrações](/developers/references/sdk/docs/type-aliases/integrations)**: Conexões pré-construídas para IA, e-mail, armazenamento de arquivos e mais
* **[Autenticação](/developers/references/sdk/docs/interfaces/auth)**: Login integrado, autenticação social e gerenciamento de sessão
* **[Hospedagem](/developers/references/cli/commands/deploy)**: Implante com um único comando, com HTTPS automático incluído

### Começar

Comece deixando um agente de codificação de IA configurar seu projeto, ou configure você mesmo com a CLI e continue construindo com IA.

<Tabs>
  <Tab title="Deixe a IA configurar">
    Instale as [Base44 skills](/developers/backend/overview/skills) para que seu agente de codificação possa ajudar com o desenvolvimento na Base44:

    ```bash theme={null}
    npx skills add base44/skills -g
    ```

    Em seguida, abra sua ferramenta de codificação de IA e tente um prompt como este:

    *"Crie um novo projeto Base44 para um app de gerenciamento de tarefas com usuários, tarefas com datas de vencimento e níveis de prioridade, e atribuições de equipe. Adicione autenticação e implante."*

    Seu agente instalará a CLI, criará o projeto, definirá entidades, escreverá código e fará o deploy. [Saiba mais sobre skills >](/developers/backend/overview/skills)

    <Note>Você pode ser solicitado a autenticar com a Base44 durante a configuração.</Note>
  </Tab>

  <Tab title="Configure você mesmo">
    Para configurar um projeto de backend você mesmo, execute os seguintes comandos:

    <CodeGroup>
      ```bash Get started theme={null}
      npm install -g base44@latest  # Install the CLI
      base44 login                  # Authenticate
      base44 create                 # Create a project
      ```
    </CodeGroup>

    Seu projeto já vem com as [Base44 skills](/developers/backend/overview/skills) pré-instaladas. Abra o projeto com sua ferramenta de codificação de IA e descreva o que quer construir em seguida, ou explore a documentação para entender como seu projeto está estruturado e o que você pode construir.

    Ou comece com um de nossos templates:

    <CardGroup cols={3}>
      <Card title="Crie um projeto somente backend" icon="server" iconType="light" href="/developers/backend/quickstart/quickstart-backend-only" />

      <Card title="Crie um projeto com React" icon="react" href="/developers/backend/quickstart/quickstart-with-react" />

      <Card title="Veja apps de exemplo" icon="arrow-up-right-from-square" iconType="light" href="https://github.com/base44/apps-examples" />
    </CardGroup>
  </Tab>
</Tabs>

## Desenvolva e depure seu app

<Tabs>
  <Tab title="Code Tab">
    <div class="tab-columns">
      <div class="tab-text">
        <h3 style={{ marginTop: 0 }}>Trabalhe diretamente no seu código</h3>

        A aba **Code** permite que você veja e edite o código-fonte do seu app diretamente, dando controle sobre a funcionalidade, design e comportamento do app enquanto vê as mudanças imediatamente.

        <br />

        [Saiba mais >](/developers/app-code/editor/code-tab)
      </div>

      <div class="tab-visual">
        <Frame caption="A interface da aba Code">
          <img src="https://mintcdn.com/base44/HSXlsKQvBkYN-DXR/codeer.png?fit=max&auto=format&n=HSXlsKQvBkYN-DXR&q=85&s=845561c033d8e1acadf501429ed5efbb" alt="A interface da aba Code" width="1915" height="958" data-path="codeer.png" />
        </Frame>
      </div>
    </div>
  </Tab>

  <Tab title="Activity Monitor">
    <div class="tab-columns">
      <div class="tab-text">
        <h3 style={{ marginTop: 0 }}>Depure e monitore requisições de API</h3>

        O Activity Monitor mostra cada requisição que seu app faz enquanto você está em modo preview. Verifique quais endpoints são chamados, veja códigos de status e tempos, e inspecione detalhes de requisições e respostas para depurar problemas.

        <br />

        [Saiba mais >](/developers/app-code/editor/activity-monitor)
      </div>

      <div class="tab-visual">
        <Frame caption="O Activity Monitor">
          <img src="https://mintcdn.com/base44/sBFooTVX9PqzuSkM/images/activitymontior.png?fit=max&auto=format&n=sBFooTVX9PqzuSkM&q=85&s=fa6d4999b690a782ecdebbf74881b255" alt="O Activity Monitor" width="2530" height="1120" data-path="images/activitymontior.png" />
        </Frame>
      </div>
    </div>
  </Tab>

  <Tab title="GitHub Integration">
    <div class="tab-columns">
      <div class="tab-text">
        <h3 style={{ marginTop: 0 }}>Conecte seu app ao GitHub</h3>

        Conecte seu app ao GitHub para escrever código no seu ambiente de desenvolvimento local ou na Base44 e mantê-los sincronizados.

        <br />

        [Saiba mais >](/developers/app-code/local-development/github)
      </div>

      <div class="tab-visual">
        <Frame caption="Sincronização bidirecional com o GitHub">
          <img src="https://mintcdn.com/base44/8-JwIy7QUSD-rZKI/images/ConnectGitHub.png?fit=max&auto=format&n=8-JwIy7QUSD-rZKI&q=85&s=4ec089fc2931c1bdfb98c4aca283182b" alt="GitHub connection prompt" className="mx-auto" width="429" height="218" data-path="images/ConnectGitHub.png" />
        </Frame>
      </div>
    </div>
  </Tab>

  <Tab title="Project Structure">
    <div class="tab-columns">
      <div class="tab-text">
        <h3 style={{ marginTop: 0 }}>Entenda a organização de arquivos do seu app</h3>

        Os apps da 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.

        <br />

        [Saiba mais >](/developers/app-code/overview/project-structure)
      </div>

      <div class="tab-visual">
        <Frame caption="Estrutura de arquivos do projeto">
          <div style={{ backgroundColor: '#f1f5f9', padding: '1.25rem', borderRadius: '0.75rem', border: '1px solid #e2e8f0' }}>
            <Tree>
              <Tree.Folder name="src" defaultOpen>
                <Tree.Folder name="pages" />

                <Tree.Folder name="components" />

                <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>
          </div>
        </Frame>
      </div>
    </div>
  </Tab>
</Tabs>

## Servidores MCP

A Base44 fornece dois servidores MCP: um para construir e gerenciar projetos de backend, e outro para pesquisar a documentação.

```json theme={null}
{
  "mcpServers": {
    "base44": {
      "type": "http",
      "url": "https://app.base44.com/mcp"
    },
    "base44-docs": {
      "type": "http",
      "url": "https://docs.base44.com/mcp"
    }
  }
}
```

* **[Servidor MCP da Base44](/developers/backend/overview/mcp-server)** (`app.base44.com/mcp`): Crie e gerencie projetos, liste seus projetos e consulte dados do projeto. Requer login OAuth.
* **[Servidor MCP de Docs](/developers/backend/overview/base44-docs-mcp)** (`docs.base44.com/mcp`): Pesquise a documentação da Base44 a partir da sua ferramenta de IA. Não requer autenticação.

## Explore

<CardGroup cols={2}>
  <Card title="Edite código gerado" icon="code" iconType="light" href="/developers/app-code/editor/code-tab" horizontal />

  <Card title="Adicione funções serverless" icon="function" iconType="light" href="/developers/backend/resources/backend-functions/overview" horizontal />

  <Card title="Defina modelos de dados" icon="database" iconType="light" href="/developers/backend/resources/entities/overview" horizontal />

  <Card title="Implante um projeto" icon="rocket" iconType="light" href="/developers/references/cli/commands/deploy" horizontal />

  <Card title="Autenticação de usuário" icon="key" iconType="light" href="/developers/references/sdk/docs/interfaces/auth" horizontal />

  <Card title="Configure agentes de IA" icon="robot" iconType="light" href="/developers/backend/resources/agents-config" horizontal />
</CardGroup>

<Note>Esta página foi traduzida usando IA. Para informações mais precisas e atualizadas, consulte a [versão em inglês](/). </Note>