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

# Deine App-Seiten verwalten

> Erfahre, wie du Seiten hinzufügst, zwischen ihnen wechselst, steuerst, welche Seiten in deiner Navigation erscheinen, und wie Seiten in Base44 mit Login und Sichtbarkeit zusammenhängen.

Seiten sind die Kernbildschirme deiner Base44-App. Jede Seite hat ihren eigenen URL-Pfad (wie `/`, `/Home` oder `/Products`) und erscheint im Seiten-Dropdown oben im [App-Editor](https://base44.com/ai-app-builder). Du kannst neue Seiten hinzufügen, auf Seiten zugreifen und entscheiden, welche Seiten in deinen Menüs sichtbar sind oder für Login- und Landingerlebnisse verwendet werden.

<Frame caption="Durch deine App-Seiten navigieren">
  <img src="https://mintcdn.com/base44/Vo3HE1GylzgvScy8/images/pagesmenu.png?fit=max&auto=format&n=Vo3HE1GylzgvScy8&q=85&s=ac18ad8ad80fa68de964c773e69f0464" alt="Durch deine App-Seiten navigieren" width="850" height="427" data-path="images/pagesmenu.png" />
</Frame>

***

## Seiten hinzufügen

Du kannst jederzeit Seiten hinzufügen. Der schnellste Weg ist, die gewünschte Seite im KI-Chat zu beschreiben.

### Eine neue Seite hinzufügen

1. Gehe zu deinem App-Editor.
2. Beschreibe im KI-Chat die gewünschte Seite. Zum Beispiel:\
   `Erstelle eine neue About-Seite mit einem Hero-Bereich, Text über unser Unternehmen und einem Kontakt-Button.`

<Frame caption="Eine neue Seite mit dem KI-Chat zu deiner App hinzufügen">
  <img src="https://mintcdn.com/base44/vyZ6HEARIdqrgiI1/images/addpage.png?fit=max&auto=format&n=vyZ6HEARIdqrgiI1&q=85&s=48a9fca38617774a4d8fb518cd43d28d" alt="Eine neue Seite mit dem KI-Chat zu deiner App hinzufügen" width="1302" height="956" data-path="images/addpage.png" />
</Frame>

### Eine Seite duplizieren

1. Öffne die Seite, die du wiederverwenden möchtest, im Editor.
2. Beschreibe im KI-Chat, was du duplizieren möchtest. Zum Beispiel:\
   `Dupliziere diese Seite und behalte das gleiche Layout, aber ändere den Titel zu "Pricing".`
3. Nachdem der KI-Chat fertig ist, öffne die neue Seite über das Seiten-Dropdown, um den Inhalt anzupassen.

<Frame caption="Eine Seite in deiner App mit dem KI-Chat duplizieren">
  <img src="https://mintcdn.com/base44/tzxdHQgJZr0YYZrD/images/duplicatepage.png?fit=max&auto=format&n=tzxdHQgJZr0YYZrD&q=85&s=cabd6af12138c254a168d7c595521d07" alt="Eine Seite in deiner App mit dem KI-Chat duplizieren" width="1347" height="957" data-path="images/duplicatepage.png" />
</Frame>

***

## Zwischen Seiten wechseln

Du kannst über das Seiten-Dropdown über der Vorschau zwischen Seiten wechseln.

**So wechselst du Seiten im App-Editor:**

1. Gehe zu deinem App-Editor.
2. Klicke auf das Seiten-Dropdown.
3. Klicke auf die Seite, die du öffnen möchtest.

<Frame caption="Zwischen Seiten im App-Editor wechseln">
  <img src="https://mintcdn.com/base44/Vo3HE1GylzgvScy8/images/pagesdropdown.png?fit=max&auto=format&n=Vo3HE1GylzgvScy8&q=85&s=82ec30bde5c1918a52c1cfc6ff62aee5" alt="Zwischen Seiten im App-Editor wechseln" width="791" height="527" data-path="images/pagesdropdown.png" />
</Frame>

<Tip>
  Wenn du nicht sicher bist, wie eine Seite heißt, frage die KI: `Zeige mir eine Liste aller Seiten in dieser App und was jede macht.`
</Tip>

***

## Nach Seiten suchen

Wenn deine App viele Seiten hat, kann es schwer sein, sich jeden Seitennamen zu merken. Beginne, den Seitennamen im Seiten-Dropdown einzutippen, um nach der gesuchten zu suchen.

<Frame caption="Im Seiten-Dropdown nach einer Seite suchen">
  <img src="https://mintcdn.com/base44/Vo3HE1GylzgvScy8/images/searchingforapage.png?fit=max&auto=format&n=Vo3HE1GylzgvScy8&q=85&s=748f170acf99d1f09eb019d4ec592b89" alt="Im Seiten-Dropdown nach einer Seite suchen" width="719" height="391" data-path="images/searchingforapage.png" />
</Frame>

<Tip>
  **Tipp:** Du kannst auch den KI-Chat bitten, dir zu helfen, die richtige Seite nach Namen, URL-Pfad oder Zweck zu finden. Zum Beispiel:

  * `Welche Seite wird als Checkout-Seite verwendet?`
  * `Welche Seite handhabt die /Success-Route?`
  * `Finde die Seite, die die Liste der Projekte zeigt.`
</Tip>

***

## Deine Seitennavigation verwalten

Ein klares Navigationsmenü hilft Personen, zwischen Seiten zu wechseln, Schlüsselbereiche deiner App zu entdecken und zu verstehen, wie deine Inhalte organisiert sind. Es verbessert auch die interne Verlinkung, was Suchmaschinen helfen kann, deine App-Struktur zu verstehen.

Einige Apps starten mit einer einzigen Seite und haben zunächst kein sichtbares Navigationsmenü. Wenn du weitere Seiten hinzufügst, kannst du die KI bitten, ein Header-, Sidebar- oder Footer-Menü zu erstellen und es mit deinen Hauptrouten zu verknüpfen.

Verwende den KI-Chat, um ein Navigationsmenü zu erstellen, wenn deine App noch keinen Header, keine Sidebar oder keinen Footer mit Links hat.

<Tip>
  Wenn du die gleiche Navigation auf jeder Seite möchtest, bitte die KI, das Menü global zu machen. Zum Beispiel: `Füge die Header-Navigation zu allen Seiten in der App hinzu.`
</Tip>

### Ein Header-Menü hinzufügen

1. Gehe zu deinem App-Editor.
2. Beschreibe im KI-Chat das gewünschte Menü. Zum Beispiel:
   * `Füge eine Header-Navigationsleiste mit Links zu /Home und /Products hinzu.`
   * `Erstelle ein Top-Navigationsmenü, das Home und Contact enthält.`
3. Sobald die KI fertig ist, prüfe die Vorschau, um sicherzustellen, dass die neue Navigation dort erscheint, wo du es erwartest, und teste die Links.

<Frame caption="Ein Navigationsmenü oben in deiner App hinzufügen">
  <img src="https://mintcdn.com/base44/iEH4Y6BNLZQ0n0S-/images/navigationmenu.png?fit=max&auto=format&n=iEH4Y6BNLZQ0n0S-&q=85&s=b1b16b69281f4e976d3dcece6316a186" alt="Ein Navigationsmenü oben in deiner App hinzufügen" width="1913" height="957" data-path="images/navigationmenu.png" />
</Frame>

### Ein Sidebar-Menü hinzufügen

1. Gehe zu deinem App-Editor.
2. Erkläre im KI-Chat, was du brauchst. Zum Beispiel:
   * `Füge eine vertikale Sidebar-Navigation links mit Links zu /Dashboard, /Reports und /Settings hinzu.`
   * `Füge eine Footer-Navigation mit Links zu Privacy Policy und Terms of Service hinzu.`
3. Sobald die KI fertig ist, prüfe die Vorschau, um sicherzustellen, dass die neue Navigation dort erscheint, wo du es erwartest, und teste die Links.

<Frame caption="Eine vertikale Sidebar-Navigation zu deiner App hinzufügen">
  <img title="Verticalsidebar" alt="Eine vertikale Sidebar-Navigation zu deiner App hinzufügen" src="https://mintcdn.com/base44/ZJy2_Y0URAmh8dUb/images/sidebar.png?fit=max&auto=format&n=ZJy2_Y0URAmh8dUb&q=85&s=be39a3556cca1518542ca2cadc398b42" className="dark:hidden" width="1912" height="954" data-path="images/sidebar.png" />

  <img title="Verticalsidebar" alt="Eine vertikale Sidebar-Navigation zu deiner App hinzufügen" src="https://mintcdn.com/base44/ZJy2_Y0URAmh8dUb/images/sidebar-1.png?fit=max&auto=format&n=ZJy2_Y0URAmh8dUb&q=85&s=5abec7be49c4b5275a10e2f79c08a81a" className="hidden dark:block" width="1912" height="954" data-path="images/sidebar-1.png" />
</Frame>

### Den Menüstil ändern

Du kannst verschiedene Navigationsstile verwenden, um zum Layout und Publikum deiner App zu passen, wie eine horizontale Leiste, Tabs oder ein Hamburger-Menü, das auf kleineren Bildschirmen einklappt.

**So änderst du deinen Navigationsstil mit dem KI-Chat:**

1. Gehe zu deinem App-Editor.
2. Beschreibe im KI-Chat den gewünschten Stil. Zum Beispiel:
   * Tabs: `Ändere die Hauptnavigation in ein Tab-Menü oben auf der Seite.`
   * Sidebar: `Verschiebe die Navigation in eine vertikale Sidebar links.`
   * Hamburger-Menü: `Verwandle die Hauptnavigation in ein Hamburger-Menü, das ein Panel rechts öffnet.`
3. Sobald die KI fertig ist, prüfe die Vorschau, um sicherzustellen, dass die Navigation dort erscheint, wo du es erwartest, und teste die Links.

<Tip>
  Du kannst Stile kombinieren. Behalte zum Beispiel ein horizontales Menü mit Tabs auf dem Desktop und verwende ein Hamburger-Menü auf kleineren Bildschirmen. Beschreibe beide Verhaltensweisen klar in deinem KI-Prompt.
</Tip>

### Die Menüpunkte ändern

Sobald ein Navigationsmenü existiert, kannst du Links hinzufügen, entfernen oder umbenennen, damit Personen die richtigen Seiten erreichen. Stelle sicher, dass die Seite, zu der du verlinken möchtest, bereits existiert, wenn du einen neuen Eintrag hinzufügst.

**So verwaltest du deine Menüpunkte mit dem KI-Chat:**

1. Gehe zu deinem App-Editor.
2. Beschreibe im KI-Chat, wie sich das Menü ändern soll. Zum Beispiel:
   * `Füge einen "Shop"-Link zur Hauptnavigation hinzu, der auf die /Products-Seite zeigt.`
   * `Füge einen "About"-Eintrag zum Top-Menü hinzu, der zu /About verlinkt, und platziere ihn nach Home.`
   * `Entferne den "Blog"-Link aus der Header-Navigation.`
   * `Benenne den Menüpunkt "Shop All" in "All Products" um.`
   * `Sortiere das Menü so, dass Home, Shop, About und Contact in dieser Reihenfolge erscheinen.`
3. Prüfe die Vorschau und klicke auf deine Menüpunkte, um zu bestätigen, dass alles wie erwartet aussieht und sich verhält.

<Tip>
  Wenn deine App mehrere Navigationsbereiche verwendet (wie ein Top-Menü und ein Footer-Menü), sei in deinem Prompt spezifisch. Zum Beispiel: `Aktualisiere nur die Header-Navigation, nicht die Footer-Links.`
</Tip>

***

## Mit versteckten Seiten arbeiten

Einige Seiten sind für den internen Gebrauch gedacht, wie Admin-Dashboards, Erfolgsbildschirme oder Callback-Seiten. Du möchtest sie vielleicht in deiner App verfügbar haben, ohne sie in Navigation oder Suchergebnissen zu zeigen.

### Seiten aus deinem Menü ausblenden

Du kannst jede Seite aus deinen sichtbaren Menüs entfernen, während du sie live und funktional hältst.

**So blendest du eine Seite mit dem KI-Chat aus deiner Navigation aus:**

1. Gehe zu deinem App-Editor.
2. Beschreibe im KI-Chat, was ausgeblendet werden soll. Zum Beispiel:\
   `Entferne die /Success-Seite aus aller sichtbaren Navigation, aber halte sie als Weiterleitung nach dem Checkout funktionsfähig.`
3. Prüfe, dass der Link nicht mehr in Header, Sidebar oder Footer erscheint.

<Frame caption="Interne versteckte Seiten in deiner App erstellen">
  <img src="https://mintcdn.com/base44/iEH4Y6BNLZQ0n0S-/images/internalpage.png?fit=max&auto=format&n=iEH4Y6BNLZQ0n0S-&q=85&s=d81a88ccfa77a42ad5d2a66fe1ac3497" alt="Interne versteckte Seiten in deiner App erstellen" className="mx-auto" style={{ width:"94%" }} width="1170" height="948" data-path="images/internalpage.png" />
</Frame>

<Note>
  Eine Seite, die aus deiner Navigation ausgeblendet ist, kann immer noch direkt geöffnet werden, wenn jemand ihre URL kennt oder wenn du einen Button oder Link dazu woanders in deiner App hinzufügst.
</Note>

### Einen Admin-only-Bereich erstellen

Du kannst sensible Seiten wie Dashboards oder Management-Tools nur für Admins verfügbar halten, indem du sie in einen Admin-Bereich deiner Navigation platzierst und den Zugriff schützt.

**So erstellst du einen Admin-only-Navigationsbereich mit dem KI-Chat:**

1. Gehe zu deinem App-Editor.
2. Beschreibe im KI-Chat den gewünschten Admin-Bereich. Zum Beispiel:
   * `Füge einen Admin-Bereich in der Sidebar hinzu, den nur Admins sehen können, und verschiebe die /Wishlist-Seite dorthin.`
   * `Erstelle einen Admin-only-Bereich in der Header-Navigation mit Links zu /AdminDashboard und /Reports.`

<Frame caption="Einen Admin-only-Bereich in deiner App erstellen">
  <img src="https://mintcdn.com/base44/vyZ6HEARIdqrgiI1/images/adminaccess.png?fit=max&auto=format&n=vyZ6HEARIdqrgiI1&q=85&s=7058f1f0a828152f9803df3749a2a68c" alt="Einen Admin-only-Bereich in deiner App erstellen" width="1355" height="954" data-path="images/adminaccess.png" />
</Frame>

<Tip>
  Um deine Admin-only-Seiten mit **Act as** zu testen, klicke in der Vorschau-Toolbar auf **Act as**, wähle eine Admin-Rolle und prüfe, dass der Admin-Bereich und seine Seiten für sie sichtbar sind. Verwende dann **Act as** erneut, um zu einer Nicht-Admin-Rolle zu wechseln, und bestätige, dass der Admin-Bereich aus der Navigation ausgeblendet ist und Admin-only-Seiten nicht direkt geöffnet werden können.
</Tip>

### Seiten aus Suchergebnissen ausblenden

Base44 nimmt automatisch alle öffentlichen, veröffentlichten Seiten in deine Sitemap unter `/sitemap.xml` auf, damit Suchmaschinen sie finden können. Es gibt keine seitenbezogenen SEO-Schalter wie „noindex" oder seitenbezogene robots.txt-Steuerungen.

Um eine Seite aus Suchmaschinen herauszuhalten, stelle sicher, dass die Seite nicht öffentlich ist, oder vermeide es, von öffentlichen Teilen deiner App auf diese Seite zu verlinken.

<Note>
  Für vollständige Details, wie die Indexierung funktioniert, siehe unseren [SEO-Leitfaden](/Performance-and-SEO/SEO-and-search-visibility).
</Note>

***

## Öffentliche Landing-Page mit privaten Seiten

Base44 unterstützt derzeit nicht, einige Seiten öffentlich und andere privat zu machen, indem nur Sichtbarkeitseinstellungen verwendet werden. Stattdessen kannst du eine Kombination aus einer öffentlichen Landing-Page und Logik verwenden, die Personen für private Bereiche zur Anmeldung weiterleitet.

**So richtest du eine öffentliche Landing-Page mit Login für andere Seiten ein:**

1. Stelle deine App in deinen App-Sichtbarkeitseinstellungen auf **Public (no login required)**.
2. Verwende den KI-Chat, um eine Landing-Page zu erstellen, zum Beispiel:\
   `Erstelle eine Landing-Page mit Login- und Sign-up-Buttons und mache sie zu meiner Hauptseite.`
3. Bitte die KI, Login für den Rest deiner App zu verlangen. Zum Beispiel:\
   `Verlange Login für alle Nicht-Landing-Seiten und leite nicht angemeldete Besucher zurück zur Landing-Page weiter.`

<Warning>
  Es ist derzeit nicht möglich, einzelne Seiten mit einer seitenbezogenen Sichtbarkeitseinstellung als öffentlich oder privat zu markieren. Alle Sichtbarkeit wird auf App-Ebene gesteuert, kombiniert mit deinen Routing- und Datenzugriffsregeln.
</Warning>

***

## FAQs

Klicke unten auf eine Frage, um mehr über Seiten, Login und Navigation zu erfahren.

<AccordionGroup>
  <Accordion title="Wie ändere ich die Seite, die Personen zuerst sehen, wenn sie meine App öffnen?">
    **So änderst du deine Landing-Page:**

    1. Klicke in deinem App-Editor auf **Dashboard**.
    2. Klicke auf **Settings** und dann auf **App Settings**.
    3. Wähle im Dropdown **Main Page** unter **General Settings** die Seite aus, die du als standardmäßige Landing-Page möchtest.

    Du kannst auch den KI-Chat bitten, deine Landing-Page zu ändern.
  </Accordion>

  <Accordion title="Gibt es Limits, wie viele Seiten meine App haben kann?">
    Ja. Base44-Apps unterstützen bis zu 600 Seiten. Die Seitenanzahl ist jedoch nicht der einzige Faktor, der die Build-Stabilität beeinflusst — die Gesamtzahl der Dateien in deiner App und deine Gesamt-Quellgröße sind ebenfalls wichtig.

    Wenn deine App mehr als 600 Seiten hat oder eine sehr große Anzahl von Dateien oder Quellcode (zum Beispiel Tausende von JavaScript-Dateien oder zig Megabytes Quellcode), können Probleme auftreten wie:

    * Der Builder wird nicht verfügbar oder sehr langsam.
    * Seiten laden nicht korrekt im Editor oder der Live-App.
    * Veröffentlichungsfehler oder Out-of-Memory-Fehler beim Bauen oder Deployen von Updates.
    * Die KI liefert unvollständige Edits.

    **So bleibst du innerhalb der Limits:**

    1. Überprüfe deine bestehenden Seiten und entferne alle, die nicht mehr benötigt werden.
    2. Konsolidiere ähnliche Inhalte zu weniger Seiten, wenn möglich.
    3. Verwende Entitäten und gefilterte Ansichten, statt für jedes Element eine separate statische Seite zu erstellen.
    4. Halte deine Gesamtdateienzahl und Quellgröße so schlank wie möglich, besonders wenn deine App viele Komponenten hat.

    Deine App unter 600 Seiten zu halten und Gesamtdateienzahl und Quellgröße zu verwalten, hilft dem Editor, reaktionsschnell zu bleiben, und hält deine App stabil.
  </Accordion>
</AccordionGroup>

<Note>Diese Seite wurde mit KI übersetzt. Für die genauesten und aktuellsten Informationen siehe die [englische Version](/). </Note>