Ein privater Arbeitsbereich und eine Live-Vorschau für jedes Projekt

Jedes Mythex-Projekt bekommt einen eigenen privaten Cloud-Arbeitsbereich: Dateien, laufende Prozesse, eine Vorschau und ein Terminal, getrennt von allen anderen. Die rechte Seite des Arbeitsbereichs zeigt deine App live, während du chattest. So kannst du durchklicken, sie in Telefongröße prüfen und einen Link dazu teilen, noch bevor etwas veröffentlicht ist.

Was es leistet

Ein Arbeitsbereich pro Projekt

Wenn Mythex deine App baut, schreibt es nicht ins Leere. Es arbeitet in einem privaten Arbeitsbereich, der zu genau diesem Projekt gehört. Dort werden Pakete installiert, dort läuft der Server deiner App, und dort öffnet sich das Terminal, wenn du zu Code wechselst.

Daraus folgt Dreierlei:

• Deine Installationen und Server kollidieren nie mit denen anderer.
• Mythex kann Pakete sicher installieren und deine App für dieses Projekt ausführen.
• Vorschau und Terminal zeigen immer auf dein Projekt.

Eine Live-Vorschau neben dem Chat

Die rechte Seite des Arbeitsbereichs wechselt zwischen Vorschau und Code. Die Vorschau zeigt deine App im Betrieb, kein Screenshot und kein Mockup. Du kannst echte Abläufe durchklicken, Formulare ausfüllen, der Navigation folgen und Probleme finden, bevor du veröffentlichst.

Code bietet dir den Dateibaum, einen Editor und ein interaktives Terminal im selben privaten Arbeitsbereich, für wenn du es genau willst oder ein Entwickler dem Projekt beitritt.

Warum das wichtig ist

Ein App-Builder, der dir nur Code zeigt, verlangt von dir, dir das Ergebnis vorzustellen. Einer, der dir nur ein Bild zeigt, verbirgt, ob die Buttons tatsächlich funktionieren. Eine laufende App im eigenen Raum beantwortet die Frage, die du wirklich hast: Macht das, was ich verlangt habe?

Der private Arbeitsbereich ist aus demselben Grund wichtig. Wenn der Agent etwas installiert oder einen Server neu startet, betrifft das dein Projekt und sonst nichts, und nichts, was andere tun, kann deines kaputt machen.

Pausieren und Aufwecken

Ein Arbeitsbereich, den du nicht benutzt, pausiert von selbst. Er kommt zurück, sobald du ihn brauchst: Projekt öffnen, chatten, bearbeiten oder die Vorschau laden, alles weckt ihn. Laufende Prozesse werden mit ihm wiederhergestellt, du musst also nichts neu starten.

Das Aufwecken dauert ein paar Sekunden. Währenddessen zeigt das Vorschaufenster, wie weit es ist: erst das Bereitstellen der Sandbox, dann das Warten auf den Server deiner App, und es zeigt Tipps, was Mythex in der Wartezeit tun kann. Du siehst vielleicht Arbeitsbereich wird gestartet…, App wird gestartet… oder Deine App wird vorbereitet…. Das ist normal.

Das bleibt nach einer Pause erhalten:

• Deine Projektdateien und dein Verlauf
• Projekteinstellungen und Geheimnisse
• Veröffentlichte Apps, die getrennt vom privaten Arbeitsbereich laufen

So nutzt du die Vorschau

1. Öffne ein Projekt. Die Vorschau startet von selbst, sobald der Arbeitsbereich aufwacht.
2. Klick dich durch, wie ein Besucher es tun würde. Probiere die Formulare und die Navigation.
3. Besuche eine bestimmte Seite, indem du einen Pfad wie /about in die Adresszeile tippst und Enter drückst. Zurück und Vor gehen durch die Seiten, die du in dieser Sitzung geöffnet hast.
4. Prüfe die Telefongröße. Klick das Telefonsymbol (Auf Mobil umschalten) für einen telefongroßen Rahmen deiner App und zieh an seinem linken oder rechten Rand, um die Breite zu ändern. Zieh ihn fast auf volle Breite und lass los, um zurück zur Desktop-Ansicht zu gelangen.
5. Ändere die Größe der Bereiche, indem du den Trenner zwischen Chat und Vorschau ziehst. Das Panel-Symbol blendet den Chat aus oder wieder ein.
6. Öffne in neuem Tab oder Aktualisieren aus derselben Leiste, wenn du sie brauchst.

Wenn dein Projekt mehr als einen Dienst betreibt, wechselt ein Dropdown in der Leiste, welchen du in der Vorschau siehst.

Auf dem Telefon zeigt der Builder jeweils nur einen Bereich, den Chat oder deine App, und du wischst oder tippst, um zwischen ihnen zu wechseln. Die Vorschau ist dort schon volle Breite. Um zu sehen, wie deine App in Telefongröße aussieht, nutze einen Laptop und Auf Mobil umschalten.

Einen Vorschau-Link teilen

Teilen neben Veröffentlichen erstellt einen Link, der die Live-Vorschau deines Projekts für jemanden ohne Mythex-Konto öffnet. Er ist gedacht, um Zwischenstände zu zeigen, einem Kunden, einem Teammitglied oder einer Gruppe, ohne etwas zu veröffentlichen, das noch nicht fertig ist.

• Neuen Vorschau-Link erstellen fragt nach einem Namen und kopiert den Link dann in die Zwischenablage. Der Name ist nur für dich sichtbar, sodass eine Liste von Links wie eine Liste von Zielgruppen wirkt.
• Kopieren kopiert einen Link später erneut.
• Löschen beendet die Funktion des Links innerhalb weniger Sekunden, überall.

Wer den Link hat, sieht deine App genau so wie die Vorschau und sonst nichts: keinen Chat, keinen Code, kein Terminal, keine Einstellungen und keine Möglichkeit zu bearbeiten. Lege pro Zielgruppe einen Link an, damit das Löschen eines Links nur diese Zielgruppe betrifft.

Grenzen, die du kennen solltest

• Das erste Öffnen eines geteilten Links kann bis zu eine Minute dauern, weil das Projekt aufwacht und der Server deiner App aus dem kalten Zustand startet. Der Besucher sieht eine Seite, die sich selbst neu lädt, bis die App antwortet. Wenn du live vorführst, öffne den Link vorher selbst eine Minute lang.
• Ein geteilter Link zeigt die Live-Sandbox, einschließlich Änderungen während eines Builds.
• Das Aufwecken eines Projekts verbraucht die Credits und Sandbox-Limits deines Tarifs, egal ob du es öffnest oder jemand mit einem Link. Lösche Links, die du nicht mehr brauchst.
• Die Telefongrößen-Ansicht dient dem responsiven Webdesign. Seit dem 22. Oktober 2026 kann der Pro-Tarif deine Web-App auch als Android- und iPhone-App verpacken (mobile Apps).
• Wenn die Vorschau leer oder veraltet ist, prüfe, ob die App im Terminal läuft, klick auf Aktualisieren oder nutze /fix. Wenn der Arbeitsbereich nicht aufwacht, lade neu und versuche es erneut. Hält das an, melde dich mit der Projekt-ID beim Support.

Wenn du möchtest, dass ein Agent die Vorschau für dich durchklickt, siehe App-Tests. Warum es sich lohnt, Änderungen anderswo als auf deiner Live-Seite zu probieren, erklärt unser Leitfaden zu Staging-Umgebungen.

Alle Details stehen in der Dokumentation: Privater Arbeitsbereich und Vorschau und Code.