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

> ## Agent Instructions
> Internal links on these pages omit the .md extension. Append .md to a docs page URL, or send an Accept: text/markdown header, to get that page as markdown.

# Den App-Editor kennenlernen

> Mach eine Tour durch den Base44 App-Editor: KI-Chat, Vorschau, Bearbeitungsmodus, Canvas, Dashboard, Versionsverlauf, Branches und Veröffentlichen – und wo du alles findest.

export const ImageHotspots = ({src, alt, spots = []}) => {
  const [active, setActive] = useState(null);
  const closeTimer = useRef(null);
  const toggle = i => setActive(current => current === i ? null : i);
  const open = i => {
    clearTimeout(closeTimer.current);
    setActive(i);
  };
  const scheduleClose = i => {
    clearTimeout(closeTimer.current);
    closeTimer.current = setTimeout(() => setActive(current => current === i ? null : current), 250);
  };
  const accent = '#FF6A00';
  return <div className="not-prose" style={{
    margin: '24px 0'
  }}>
      <div style={{
    position: 'relative',
    borderRadius: 12,
    overflow: 'visible',
    border: '1px solid rgba(0,0,0,0.08)'
  }}>
        <img src={src} alt={alt} style={{
    display: 'block',
    width: '100%',
    height: 'auto',
    borderRadius: 12,
    margin: 0
  }} />
        {spots.map((spot, i) => spot.from === undefined ? null : <div key={`line-${i}`} aria-hidden="true" style={{
    position: 'absolute',
    left: `${spot.x}%`,
    top: `${Math.min(spot.from, spot.y)}%`,
    height: `${Math.abs(spot.y - spot.from)}%`,
    width: 2,
    transform: 'translateX(-50%)',
    background: accent,
    zIndex: 10,
    pointerEvents: 'none'
  }} />)}
        {spots.map((spot, i) => {
    const isActive = active === i;
    const cardOnLeft = spot.x > 60;
    const cardAbove = spot.y > 65;
    return <div key={i} style={{
      position: 'absolute',
      left: `${spot.x}%`,
      top: `${spot.y}%`,
      transform: 'translate(-50%, -50%)',
      zIndex: isActive ? 30 : 20
    }} onMouseEnter={() => open(i)} onMouseLeave={() => scheduleClose(i)}>
              <button type="button" aria-label={`${i + 1}. ${spot.title}`} aria-expanded={isActive} onClick={() => toggle(i)} style={{
      width: 'clamp(16px, 1.9vw, 22px)',
      height: 'clamp(16px, 1.9vw, 22px)',
      borderRadius: '50%',
      border: '2px solid #fff',
      background: accent,
      color: '#fff',
      fontSize: 'clamp(9px, 1.1vw, 12px)',
      fontWeight: 700,
      lineHeight: 1,
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      cursor: 'pointer',
      boxShadow: isActive ? `0 0 0 6px rgba(255,106,0,0.25)` : '0 1px 4px rgba(0,0,0,0.3)',
      padding: 0
    }}>
                {i + 1}
              </button>
              {isActive && <div style={{
      position: 'absolute',
      [cardOnLeft ? 'right' : 'left']: '100%',
      [cardAbove ? 'bottom' : 'top']: -6,
      [cardOnLeft ? 'paddingRight' : 'paddingLeft']: 10
    }}>
                <div role="tooltip" style={{
      width: 240,
      background: '#fff',
      color: '#1a1a1a',
      border: '1px solid rgba(0,0,0,0.1)',
      borderRadius: 10,
      boxShadow: '0 8px 24px rgba(0,0,0,0.15)',
      padding: '12px 14px',
      fontSize: 14,
      lineHeight: 1.45,
      textAlign: 'left'
    }}>
                  <div style={{
      fontWeight: 600,
      marginBottom: 4
    }}>{spot.title}</div>
                  <div style={{
      color: '#444'
    }}>{spot.text}</div>
                  {spot.href && <a href={spot.href} style={{
      display: 'inline-block',
      marginTop: 8,
      color: accent,
      fontWeight: 600,
      textDecoration: 'none'
    }}>
                      {spot.linkText || 'Learn more'} →
                    </a>}
                </div>
                </div>}
            </div>;
  })}
      </div>

      <ol style={{
    listStyle: 'none',
    padding: 0,
    margin: '16px 0 0',
    display: 'grid',
    gap: 8
  }}>
        {spots.map((spot, i) => <li key={i} style={{
    display: 'flex',
    gap: 10,
    alignItems: 'flex-start',
    margin: 0
  }}>
            <button type="button" onClick={() => toggle(i)} aria-label={`Show ${spot.title} on the screenshot`} style={{
    flex: '0 0 auto',
    width: 22,
    height: 22,
    marginTop: 2,
    borderRadius: '50%',
    border: 'none',
    background: active === i ? accent : 'rgba(255,106,0,0.15)',
    color: active === i ? '#fff' : accent,
    fontSize: 12,
    fontWeight: 700,
    cursor: 'pointer',
    padding: 0
  }}>
              {i + 1}
            </button>
            <span style={{
    fontSize: 15,
    lineHeight: 1.55
  }}>
              <strong>{spot.title}:</strong> {spot.text}
              {spot.href && <>
                  {' '}
                  <a href={spot.href} style={{
    color: accent
  }}>
                    {spot.linkText || 'Learn more'}
                  </a>
                </>}
            </span>
          </li>)}
      </ol>
    </div>;
};

Im App-Editor baust du deine Base44 App. Links beschreibst du im KI-Chat, was du möchtest. Rechts aktualisiert sich deine App in der Vorschau, sodass du jede Änderung sofort siehst. In dieser Tour lernst du, was jeder Teil des App-Editors macht und wo du ihn findest. Folge den Links, wenn du tiefer einsteigen möchtest.

***

## Auf einen Blick

Der App-Editor hat 2 Hauptbereiche: links den KI-Chat und rechts deine App. Die wichtigsten Steuerelemente befinden sich in der Leiste darüber. Fahre mit der Maus über eine Zahl oder tippe darauf, um zu sehen, was jeder Teil macht.

<ImageHotspots
  src="/images/app-editor-map.png"
  alt="Ein Screenshot des App-Editors mit dem KI-Chat links, der App-Vorschau rechts und der oberen Leiste darüber"
  spots={[
{ x: 12.5, y: 86, title: "KI-Chat", text: "Beschreibe, was du bauen oder ändern möchtest, und sieh zu, wie sich die Vorschau aktualisiert.", href: "#chatting-with-ai" },
{ x: 13.2, y: 9, from: 4.5, title: "Branch", text: "Teste Änderungen an einer separaten Kopie deiner App, bevor du sie zusammenführst.", href: "#trying-ideas-safely" },
{ x: 20.8, y: 9, from: 4.5, title: "Versionsverlauf", text: "Kehre zu einer früheren Version deiner App zurück.", href: "#undoing-changes" },
{ x: 23.3, y: 15, from: 4.5, title: "Chat-Bereich ausblenden", text: "Sieh deine App in voller Breite, ohne den Chat. Klicke erneut, um den Chat wieder einzublenden." },
{ x: 28.1, y: 9, from: 4.5, title: "Vorschau", text: "Sieh deine App so, wie Besucher sie sehen, und probiere sie aus.", href: "#previewing-your-app" },
{ x: 34.2, y: 9, from: 4.5, title: "Dashboard", text: "Verwalte die Daten, Nutzer, Einstellungen und mehr deiner App.", href: "#using-the-dashboard" },
{ x: 40.3, y: 9, from: 4.5, title: "Bearbeiten", text: "Ändere Texte, Farben, Schriften und Abstände manuell.", href: "/de/Building-your-app/Design" },
{ x: 44.2, y: 9, from: 4.5, title: "Canvas", text: "Sieh alle deine Seiten auf einmal auf einem Board.", href: "/de/Building-your-app/Canvas" },
{ x: 65.0, y: 9, from: 4.5, title: "Seitenfeld", text: "Öffne eine andere Seite oder aktualisiere die Vorschau.", href: "/de/Building-your-app/managing-your-pages", linkText: "Deine Seiten verwalten" },
{ x: 71.7, y: 9, from: 4.5, title: "Gerät", text: "Prüfe, wie deine App auf Desktop, Tablet und Smartphone aussieht.", href: "#previewing-your-app" },
{ x: 85.7, y: 9, from: 4.5, title: "Kommentare", text: "Hinterlasse Feedback für deine Mitwirkenden auf jeder Seite.", href: "/de/Building-your-app/Commenting-on-your-app" },
{ x: 89.1, y: 15, from: 4.5, title: "Mitwirkende", text: "Sieh, wer mit dir baut, und lade weitere Personen ein.", href: "#working-with-others" },
{ x: 92.4, y: 9, from: 4.5, title: "Weitere Aktionen", text: "Finde seltener genutzte Tools, wie Act as a user und den Aktivitätsmonitor.", href: "#additional-actions" },
{ x: 96.5, y: 15, from: 4.5, title: "Veröffentlichen", text: "Schalte deine App live.", href: "#publishing-your-app" },
]}
/>

<Tip>
  Neu bei Base44? Starte im KI-Chat. Du kannst eine ganze App nur durch Chatten bauen. Den Rest des App-Editors nutzt du, wenn du ihn brauchst. Nichts ist live, bevor du auf **Publish** klickst. Du kannst jede Änderung rückgängig machen, also experimentiere ruhig.
</Tip>

***

## Mit der KI chatten

Im KI-Chat auf der linken Seite baust du. Beschreibe in einfachen Worten, was du möchtest, und die KI aktualisiert deine App. Im Nachrichtenfeld kannst du auch Dateien anhängen, ein Modell wählen und eigene Anweisungen festlegen. Erfahre mehr über die [Nutzung des KI-Chats](/de/Building-your-app/AI-chat-modes).

Der KI-Chat hat 2 Modi. Wechsle mit der Modus-Schaltfläche im Nachrichtenfeld zwischen ihnen. Oder drücke **Cmd+.** (Mac) bzw. **Ctrl+.** (Windows):

* **Build:** Die KI ändert deine App, während du chattest.
* **Discuss:** Stelle Fragen oder plane deine nächste Änderung. Die KI ändert deinen Code erst, wenn du zustimmst.

<Frame caption="Im KI-Chat zwischen Build und Discuss wählen">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-chat-modes.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=c8daea23cd13a90750ff2feb2e1ce71e" alt="Das Nachrichtenfeld des KI-Chats mit geöffnetem und hervorgehobenem Modus-Drop-down mit Build und Discuss" style={{ maxWidth: "420px" }} width="806" height="500" data-path="images/app-editor-chat-modes.png" />
</Frame>

<Tip>
  Du weißt nicht genau, wie du etwas formulieren sollst? Besprich es zuerst mit **Discuss**. Wechsle dann zu **Build**, wenn du bereit bist. Erfahre mehr über das [Schreiben guter Prompts](/de/Getting-Started/Prompt-guide).
</Tip>

***

## Deine App in der Vorschau ansehen

Die Vorschau rechts zeigt deine App so, wie ihre Nutzer sie sehen. Klicke dich durch, um deine App beim Bauen zu testen.

Oben in der Vorschau kannst du:

* **Eine andere Seite öffnen:** Gib einen Seitenpfad in das Seitenfeld ein, zum Beispiel `/home`. Erfahre mehr über das [Verwalten deiner Seiten](/de/Building-your-app/managing-your-pages).
* **Die Vorschau aktualisieren:** Klicke auf das Aktualisieren-Symbol am Anfang des Seitenfelds.
* **Andere Bildschirmgrößen prüfen:** Klicke auf das Gerätesymbol am Ende des Seitenfelds. So wechselst du zwischen Desktop, Tablet und Smartphone.
* **Manuell bearbeiten:** Klicke auf **Edit** und dann auf ein beliebiges Element deiner App. Ändere Text, Farben, Schriften oder Abstände ohne den KI-Chat. Erfahre mehr über das [Gestalten deiner App](/de/Building-your-app/Design).
* **Alle Seiten auf einmal sehen:** Klicke auf das Symbol **Canvas**, um alle Seiten auf einem Board anzuordnen. Füge Notizen und Zeichnungen hinzu und sende Ideen an den KI-Chat. Erfahre mehr über die [Nutzung des Canvas](/de/Building-your-app/Canvas).

<Frame caption="Ein Element im Bearbeitungsmodus auswählen, um seine Stiloptionen zu öffnen">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-edit-mode.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=aa93e083f39530ac1bb265db851af998" alt="Der Bearbeitungsmodus mit einer ausgewählten Überschrift in der Vorschau, geöffneter Stil-Symbolleiste und hervorgehobener Schaltfläche Edit" width="1798" height="860" data-path="images/app-editor-edit-mode.png" />
</Frame>

***

## Änderungen rückgängig machen

Jede Änderung wird als Version gespeichert, sodass du immer zurückkehren kannst. Wähle den Weg, der zu dem passt, was du rückgängig machen möchtest:

* **Eine KI-Änderung:** Fahre im Chat mit der Maus über die Nachricht und klicke darunter auf das Symbol **Revert**. Deine App kehrt zum Stand vor dieser Nachricht zurück. Spätere Änderungen werden ebenfalls rückgängig gemacht.
* **Eine manuelle Änderung:** Klicke in **Edit** oder **Canvas** auf die Rückgängig-Schaltfläche in der Leiste. Oder drücke **Cmd+Z** (Mac) bzw. **Ctrl+Z** (Windows).
* **Viele Änderungen auf einmal:** Klicke über dem KI-Chat auf das Symbol **Version history**. Dort kannst du jede frühere Version ansehen und im App-Editor wiederherstellen. Du kannst sie auch direkt veröffentlichen, während du an deinem Entwurf weiterarbeitest.

Erfahre mehr über das [Zurücksetzen von Änderungen](/de/Building-your-app/AI-chat-modes#reverting-changes).

***

## Das Dashboard verwenden

Klicke oben in der Vorschau auf **Dashboard**, um alles hinter deiner App zu verwalten. Dazu gehören Daten, Nutzer, Domains und Einstellungen. Jeder Bereich öffnet sich über die Seitenleiste links. Manche Bereiche erscheinen nur, wenn deine App sie nutzt. **Payments** erscheint zum Beispiel, nachdem du einen Zahlungsanbieter verbunden hast. **Secrets** erscheint, wenn deine App Backend-Funktionen hat.

<Frame caption="Das Dashboard, geöffnet auf Overview">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-dashboard.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=ab3398eaf36f8aa00c365d7e2e212f2b" alt="Das App-Dashboard, geöffnet auf Overview, mit allen Bereichen in der Seitenleiste" width="1440" height="665" data-path="images/app-editor-dashboard.png" />
</Frame>

| Bereich | Was du dort machst | Mehr erfahren |
| - | - | - |
| **Overview** | Status deiner App prüfen und sehen, wer sie öffnen kann | [App-Sichtbarkeit](/de/Setting-up-your-app/Managing-access#setting-your-app-visibility) |
| **App Users** | Personen zu deiner App einladen und ihre Rollen wählen | [Zugriff verwalten](/de/Setting-up-your-app/Managing-access) |
| **Data** | Gespeicherte Daten deiner App ansehen und bearbeiten | [App-Daten verwalten](/de/Building-your-app/Managing-your-app-data) |
| **Analytics** | Sehen, wie viele Personen deine App besuchen und was sie tun | [App-Analysen](/de/documentation/performance-and-seo/app-analytics) |
| **Marketing** | SEO verbessern und deine App bewerben | [Einen Marketingplan erstellen](/de/promoting-your-app/creating-a-marketing-plan) |
| **Domains** | URL deiner App ändern oder eine eigene Domain verbinden | [Deine Domain einrichten](/de/Setting-up-your-app/Setting-up-your-custom-domain) |
| **Integrations** | Deine App mit anderen Diensten verbinden | [Integrationen nutzen](/de/Integrations/Using-integrations) |
| **Security** | Deine App auf Sicherheitsprobleme scannen und diese beheben | [Einen Sicherheitsscan durchführen](/de/Setting-up-your-app/running-a-security-scan) |
| **Code** | Code deiner App ansehen und bearbeiten | [Entwicklertools](/de/documentation/building-your-app/developer-tools) |
| **Agents** | KI-Agents hinzufügen, die in deiner App arbeiten | [In-App-Agents](/de/Building-your-app/AI-agents-for-apps) |
| **Workflows** | Aufgaben automatisieren, die nach Zeitplan oder bei einem Ereignis laufen | [Workflows erstellen](/de/Building-your-app/Creating-workflows) |
| **Emails** | E-Mails gestalten, die deine App sendet | [E-Mails gestalten](/de/Building-your-app/Designing-emails) |
| **Logs** | Alles prüfen, was in deiner App passiert | [App-Logs erkunden](/de/Building-your-app/exploring-app-logs) |
| **API** | Andere Tools mit den Daten deiner App verbinden | [Die API deiner App](/de/Building-your-app/your-apps-api-page) |
| **Settings** | Namen und allgemeine Einstellungen deiner App ändern oder die App löschen | |
| **MCP** | KI-Assistenten mit deiner App arbeiten lassen | [App-MCP](/de/Integrations/app-mcp) |

<Tip>
  Nutze das Suchfeld oben in der Dashboard-Seitenleiste, um direkt zu einem Bereich, einer Datentabelle oder einem Connector zu springen.
</Tip>

***

## Deine App veröffentlichen

Wenn deine App fertig ist, klicke oben rechts auf **Publish**, um sie live zu schalten. Im Bereich **Publish Your App** kannst du den Link deiner App kopieren. Mit **App visibility** legst du fest, wer sie öffnen kann. Außerdem kannst du [eine eigene Domain verbinden](/de/Setting-up-your-app/Setting-up-your-custom-domain).

<Note>
  Deine Live-App ändert sich nur, wenn du veröffentlichst. Baue im App-Editor weiter. Klicke erneut auf **Publish**, wenn andere deine neueste Version sehen sollen.
</Note>

***

## Mit anderen zusammenarbeiten

Klicke oben rechts neben den Avataren auf **Add collaborator** (+), um jemanden zum Mitbauen einzuladen. Alle sehen denselben Entwurf. Die Avatare zeigen, wer gerade im App-Editor ist. Nutze **Comments** oben in der Vorschau, um Feedback zu einem bestimmten Teil einer Seite zu hinterlassen. Erfahre mehr über die [Zusammenarbeit mit Mitwirkenden](/de/Setting-up-your-app/Managing-access#working-with-collaborators) und das [Kommentieren deiner App](/de/Building-your-app/Commenting-on-your-app).

<Frame caption="Das Mitwirkenden-Menü im App-Editor">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-collaborators.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=d47480d30a47354eb7aa2ac4bd47b825" alt="Das Mitwirkenden-Menü, geöffnet über die obere Leiste des App-Editors, mit hervorgehobenem Invite collaborators" width="1570" height="640" data-path="images/app-editor-collaborators.png" />
</Frame>

***

## Ideen sicher ausprobieren

Du möchtest ein Redesign oder eine riskante neue Funktion testen, ohne deine funktionierende App zu gefährden? Baue sie in einem Branch. Ein Branch ist eine separate Kopie deiner App. So kannst du frei experimentieren, während deine Hauptversion unverändert bleibt. Gefällt dir das Ergebnis, führe es zusammen. Wenn nicht, lösche den Branch, und nichts hat sich geändert.

Um einen Branch zu erstellen, klicke über dem KI-Chat neben dem Namen deiner App auf **Main**. Erfahre mehr über das [Arbeiten mit Branches](/de/Building-your-app/working-with-branches).

***

## Weitere Aktionen

Das Symbol **More actions** <Icon icon="ellipsis" color="currentColor" /> oben rechts enthält Tools, die du seltener nutzt.

<Frame caption="Das Menü More actions im App-Editor">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-more-actions.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=625a255ef90e864511a3e62bc818b76d" alt="Das Menü More actions, geöffnet und hervorgehoben in der oberen Leiste des App-Editors" width="1570" height="760" data-path="images/app-editor-more-actions.png" />
</Frame>

| Aktion | Was sie macht | Mehr erfahren |
| - | - | - |
| **Act as a user** | Deine App als einer deiner Nutzer ansehen, um zu prüfen, was diese sehen | [Deine App als Nutzer testen](/de/Setting-up-your-app/Managing-access#testing-your-app-as-a-user) |
| **Testing agent** | Einen KI-Agent deine App für dich testen lassen | [Der Testing-Agent](/de/documentation/managing-app-data/testing-agent) |
| **GitHub connection** | Code deiner App mit einem GitHub-Repository synchronisieren | [Mit GitHub integrieren](/de/documentation/building-your-app/developer-tools#integrating-with-github) |
| **This page's files** | Codedateien der aktuellen Seite ansehen oder auf **See all files** klicken | [Entwicklertools](/de/documentation/building-your-app/developer-tools) |
| **Compare with live code** | Sehen, was sich seit der letzten Veröffentlichung geändert hat | [Änderungen zurücksetzen](/de/Building-your-app/AI-chat-modes#reverting-changes) |
| **Activity monitor** | Sehen, was gerade in deiner App läuft | [Entwicklertools](/de/documentation/building-your-app/developer-tools) |
| **Export project as ZIP** | Code deiner App herunterladen | [Entwicklertools](/de/documentation/building-your-app/developer-tools) |
| **Send to Coding Agent** | Mit deinem eigenen Coding-Agent weiterbauen, etwa Claude, ChatGPT oder einem lokalen CLI-Agent. Verfügbar ab dem Builder-Tarif. | [Entwicklertools](/de/documentation/building-your-app/developer-tools) |
| **Help center** | Das Base44 Hilfecenter öffnen | |

***

## Schneller navigieren

Drücke **Cmd+K** (Mac) oder **Ctrl+K** (Windows), um die Befehlspalette zu öffnen. Suche nach Seiten, Dateien und Daten. Springe direkt zu einer Aktion, etwa zum Veröffentlichen deiner App oder zum Einladen von Mitwirkenden. Oder durchsuche die Base44 Dokumentation, ohne den App-Editor zu verlassen. Die Befehlspalette funktioniert auch auf der Startseite deines Workspace.

<Frame caption="Die Befehlspalette im App-Editor">
  <img src="https://mintcdn.com/base44/Ii_lXe0tG_nK5Sie/images/keyboardcommands.jpg?fit=max&auto=format&n=Ii_lXe0tG_nK5Sie&q=85&s=b62a1a978d21d5eb2c0cd5560bcdd181" alt="Die Befehlspalette, geöffnet im App-Editor, mit nach Typ gruppierten Suchergebnissen" width="940" height="501" data-path="images/keyboardcommands.jpg" />
</Frame>

Diese Tastenkürzel funktionieren im gesamten App-Editor:

| Tastenkürzel | Was es macht |
| - | - |
| **Cmd+K** / **Ctrl+K** | Befehlspalette öffnen |
| **Cmd+.** / **Ctrl+.** | Zwischen Build und Discuss wechseln |
| **Cmd+Z** / **Ctrl+Z** | Eine Änderung im Bearbeitungsmodus oder auf dem Canvas rückgängig machen |
| **Cmd+Shift+Z** / **Ctrl+Shift+Z** | Eine Änderung im Bearbeitungsmodus oder auf dem Canvas wiederherstellen |
| **Enter** | Deine Nachricht im KI-Chat senden |
| **Shift+Enter** | Eine neue Zeile in deiner Nachricht beginnen |

Du kannst die Tastenkürzel Enter und Shift+Enter in deinen [Kontoeinstellungen](/de/documentation/account-and-billing/managing-your-account) tauschen. Der Canvas hat eigene [Tastenkürzel zum Zeichnen und Anordnen](/de/Building-your-app/Canvas).

***

## FAQs

Klicke auf eine Frage, um mehr über die Orientierung im App-Editor zu erfahren.

<AccordionGroup>
  <Accordion title="Kann ich den App-Editor auf meinem Smartphone nutzen?">
    Ja. Du kannst im Browser deines Smartphones bauen, indem du [base44.com](https://base44.com) öffnest und dich anmeldest. Oder du nutzt die Base44 App für iOS und Android. Auf dem Smartphone füllt die Vorschau deiner App den Bildschirm. Tippe auf **Chat to Edit**, um den KI-Chat zu öffnen.

    Manche Funktionen gibt es nur auf dem Desktop. Dazu gehören der Bearbeitungsmodus, Datenberechtigungen, Code-Bearbeitung, die Arbeit mit APIs und App-Vorlagen. Erfahre mehr über die [Nutzung von Base44 auf Mobilgeräten](/de/Building-your-app/Mobile-experience).
  </Accordion>

  <Accordion title="Muss ich meine Arbeit speichern?">
    Nein. Deine Arbeit im App-Editor wird laufend gespeichert. Jede KI-Änderung wird zu einer Version, zu der du zurückkehren kannst. Deine Live-App ändert sich nur, wenn du auf **Publish** klickst.
  </Accordion>

  <Accordion title="Können andere meine App sehen, bevor ich sie veröffentliche?">
    Nein. Die Vorschau ist nur für dich und deine Mitwirkenden. Niemand sonst kann deine App öffnen, bevor du sie veröffentlichst. Danach hängt es von deiner [App-Sichtbarkeit](/de/Setting-up-your-app/Managing-access#setting-your-app-visibility) ab, wer sie öffnen kann.
  </Accordion>

  <Accordion title="Warum sehe ich manche Schaltflächen nicht?">
    Was du siehst, hängt von deiner Rolle und deiner App ab. Personen mit reinem Lesezugriff sehen zum Beispiel weder **Edit** noch das Menü **More actions**. Manche Dashboard-Bereiche erscheinen erst, wenn deine App sie nutzt. In kleineren Fenstern werden manche Steuerelemente in Menüs zusammengefasst.
  </Accordion>

  <Accordion title="Was mache ich, wenn der App-Editor nicht lädt?">
    Aktualisiere die Seite, leere den Browser-Cache oder deaktiviere Browser-Erweiterungen. Du kannst Base44 auch in einem privaten Fenster oder einem anderen Browser öffnen. Wenn es immer noch nicht lädt, sieh dir die [Fehlerbehebung](/de/Community-and-support/Troubleshooting) an.
  </Accordion>
</AccordionGroup>

***

## Verwandte Themen

Erfahre mehr über die Teile des App-Editors, die du am häufigsten nutzt.

<CardGroup cols={2}>
  <Card title="Den KI-Chat verwenden" icon="message" href="/de/Building-your-app/AI-chat-modes">
    Build- und Discuss-Modus, Modelle, Auto approve und das Zurücksetzen von Änderungen.
  </Card>

  <Card title="Deine App gestalten" icon="palette" href="/de/Building-your-app/Design">
    Ändere Farben, Schriften und Layout mit dem Bearbeitungsmodus und Themes.
  </Card>

  <Card title="Deine App-Daten verwalten" icon="database" href="/de/Building-your-app/Managing-your-app-data">
    Sieh dir die Daten deiner App an, bearbeite, importiere und exportiere sie.
  </Card>

  <Card title="Festlegen, wer auf deine App zugreifen kann" icon="users" href="/de/Setting-up-your-app/Managing-access">
    Lege die Sichtbarkeit fest, lade Nutzer ein und füge Mitwirkende hinzu.
  </Card>
</CardGroup>

<script type="application/ld+json">
  {`{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "Kann ich den App-Editor auf meinem Smartphone nutzen?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Ja. Du kannst im Browser deines Smartphones bauen, indem du base44.com öffnest und dich anmeldest. Oder du nutzt die Base44 App für iOS und Android. Auf dem Smartphone füllt die Vorschau deiner App den Bildschirm. Tippe auf Chat to Edit, um den KI-Chat zu öffnen. Manche Funktionen gibt es nur auf dem Desktop. Dazu gehören der Bearbeitungsmodus, Datenberechtigungen, Code-Bearbeitung, die Arbeit mit APIs und App-Vorlagen. Erfahre mehr über die Nutzung von Base44 auf Mobilgeräten."
        }
      },
      {
        "@type": "Question",
        "name": "Muss ich meine Arbeit speichern?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Nein. Deine Arbeit im App-Editor wird laufend gespeichert. Jede KI-Änderung wird zu einer Version, zu der du zurückkehren kannst. Deine Live-App ändert sich nur, wenn du auf Publish klickst."
        }
      },
      {
        "@type": "Question",
        "name": "Können andere meine App sehen, bevor ich sie veröffentliche?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Nein. Die Vorschau ist nur für dich und deine Mitwirkenden. Niemand sonst kann deine App öffnen, bevor du sie veröffentlichst. Danach hängt es von deiner App-Sichtbarkeit ab, wer sie öffnen kann."
        }
      },
      {
        "@type": "Question",
        "name": "Warum sehe ich manche Schaltflächen nicht?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Was du siehst, hängt von deiner Rolle und deiner App ab. Personen mit reinem Lesezugriff sehen zum Beispiel weder Edit noch das Menü More actions. Manche Dashboard-Bereiche erscheinen erst, wenn deine App sie nutzt. In kleineren Fenstern werden manche Steuerelemente in Menüs zusammengefasst."
        }
      },
      {
        "@type": "Question",
        "name": "Was mache ich, wenn der App-Editor nicht lädt?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Aktualisiere die Seite, leere den Browser-Cache oder deaktiviere Browser-Erweiterungen. Du kannst Base44 auch in einem privaten Fenster oder einem anderen Browser öffnen. Wenn es immer noch nicht lädt, sieh dir die Fehlerbehebung an."
        }
      }
    ]
    }`}
</script>

<Note>Diese Seite wurde mit KI übersetzt. Die genauesten und aktuellsten Informationen findest du in der [englischen Version](/). </Note>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.