---
title: Storefront und Veröffentlichung
description: Zeigen Sie eine Vorschau an, bearbeiten Sie, versionieren Sie, veröffentlichen Sie und überprüfen Sie Ihre Runner-Storefront.
---

Verwenden Sie diesen Abschnitt, um eine Storefront von einer In-App-Vorschau zu einem verifizierten Live-Store zu verschieben. Jede Seite behandelt eine Aufgabe und erklärt, was jedes wichtige Steuerelement tut.

![Runner-Storefront-Vorschau und Steuerung](https://ixft9x6szo.ufs.sh/f/Cc8uxBgAYTzgkyhbRgjXIfFwWx7Qu1lJBZMSPHcazYdR0voC)

## Was dieser Leitfaden abdeckt

Wählen Sie den Leitfaden, der Ihrer aktuellen Storefront-Aufgabe entspricht, ohne eine bearbeitbare Vorschau mit einem Live-, kaufbaren Store zu verwechseln.

## Verstehen Sie die vier Storefront-Zustände

| Zustand | Was es bedeutet | Was es nicht beweist |
| --- | --- | --- |
| **Vorschau** | Runner zeigt eine Arbeitskopie in Ihrem Projekt an. Sie können Seiten und Layouts überprüfen. | Der Store ist nicht unbedingt öffentlich. |
| **Veröffentlichen** | Runner überprüft und sendet die aktuelle Version zum ersten Mal an eine öffentliche Store-URL. | Produkte, Bestand, Versand, Zahlungen und Checkout werden nicht automatisch überprüft. |
| **Änderungen veröffentlichen** | Ein Live-Store existiert bereits und Runner kann neuere Änderungen daran senden. | Nicht gespeicherte oder unvollendete Änderungen sind noch nicht live. |
| **Erneut veröffentlichen** | Runner kann nach einer fehlgeschlagenen Veröffentlichung oder einer abgeschlossenen Veröffentlichung, die keine verwendbare URL zurückgegeben hat, erneut versuchen. | Es ist nicht das normale Label für die Veröffentlichung neuer Änderungen an einem gesunden Live-Store. |

## Wählen Sie eine Aufgabe

| Was Sie tun möchten | Leitfaden | Ergebnis |
| --- | --- | --- |
| Überprüfen Sie die aktuelle Storefront | [Shop in der Vorschau prüfen](./preview-your-store.mdx) | Überprüfen Sie Seiten, Routen, Aktualisierungsverhalten und responsive Layouts. |
| Nehmen Sie visuelle Änderungen vor | [Design-Modus verwenden](./design-mode.mdx) | Wählen Sie ein Element aus und öffnen Sie die Bearbeitungssteuerelemente. |
| Ändern Sie Text, Abstände, Typ oder Bilder | [Inhalte, Seiten und Medien bearbeiten](./edit-content-pages-and-media.mdx) | Aktualisieren Sie eine sichtbare Seite und speichern Sie das Ergebnis. |
| Überprüfen oder ändern Sie eine Storefront-Datei | [Storefront-Code überprüfen und bearbeiten](./inspect-and-edit-code.mdx) | Öffnen Sie den bedingten Code-Editor, speichern Sie eine fokussierte Dateiänderung, und überprüfen Sie seinen Git-Status. |
| Vergleichen oder stellen Sie einen früheren Zustand wieder her | [Versionsverlauf verwenden](./version-history.mdx) | Zeigen Sie eine Vorschau einer Version an oder stellen Sie sie als neue aktuelle Version wieder her. |
| Überprüfen Sie, ob der Store bereit ist | [Veröffentlichung vorbereiten](./prepare-to-publish.mdx) | Lösen Sie die von Runner angezeigten Überprüfungen auf oder bestätigen Sie sie explizit. |
| Bringen Sie Änderungen online | [Veröffentlichen und erneut veröffentlichen](./publish-and-republish.mdx) | Starten Sie den korrekten Veröffentlichungsfluss für den aktuellen Zustand. |
| Beweisen Sie, dass die Customer Journey funktioniert | [Live-Store und Checkout überprüfen](./live-store-and-checkout.mdx) | Bestätigen Sie den öffentlichen Katalog, Warenkorb und Checkout separat. |
| Verwenden Sie Ihre eigene Webadresse | [Benutzerdefinierte Domain verbinden](./custom-domains.mdx) | Fügen Sie eine berechtigte Domain hinzu, kaufen Sie, übertragen Sie, erneuern Sie oder diagnostizieren Sie sie. |
| Erholen Sie sich von einem blockierten Zustand | [Fehlerbehebung bei Vorschau und Veröffentlichung](./troubleshoot-preview-and-publishing.mdx) | Ordnen Sie die Nachricht auf dem Bildschirm der sichersten nächsten Aktion zu. |

## Empfohlene Reihenfolge für einen ersten Start

1. Überprüfen Sie die neueste Version in der [Vorschau](./preview-your-store.mdx).
2. Nehmen Sie alle visuellen Bearbeitungen im [Design-Modus](./design-mode.mdx) vor und speichern Sie sie.
3. Überprüfen Sie die [Voraussetzungen für die Veröffentlichung](./prepare-to-publish.mdx).
4. Wählen Sie **Veröffentlichen** und folgen Sie dem Bestätigungsfluss.
5. Öffnen Sie die öffentliche URL und [überprüfen Sie Katalog und Checkout](./live-store-and-checkout.mdx).
6. Fügen Sie eine [benutzerdefinierte Domain](./custom-domains.mdx) erst nach der ersten erfolgreichen Veröffentlichung hinzu.

## Verfügbarkeit und Sicherheit

- **Design-Modus** ist bedingt. Es ist für eine bereite neueste Version auf einem Desktop-Layout vorgesehen und kann nicht verfügbar sein, während Runner arbeitet.
- **Code-Editor öffnen** ist bedingt. Das Speichern, Committen, Pushen, Veröffentlichen und Überprüfen des Live-Stores sind separate Ergebnisse.
- Die Veröffentlichung kann durch Plan oder Store-Status begrenzt werden. Folgen Sie der in Ihrem Workspace angezeigten Nachricht, anstatt anzunehmen, dass jedes Konto denselben Zugriff hat.
- Eine Veröffentlichungsbestätigung kann Ihnen ermöglichen, unvollständiges Setup zu bestätigen. Diese Wahl kann einen durchsuchbaren Storefront online stellen, während der Checkout pausiert oder unvollständig bleibt.

## Verwandte Leitfäden

- [Willkommen bei Runner AI](../product-guide.mdx)
- [Storefront-Code überprüfen und bearbeiten](./inspect-and-edit-code.mdx)
- [Fehlerbehebung bei Vorschau und Veröffentlichung](./troubleshoot-preview-and-publishing.mdx)