---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen"
locale: de
meta:
  "og:title": "Academy Article"
---

[Zur Startseite](https://academy.laioutr.com/)

- [Hosting und Betrieb](https://academy.laioutr.com/bereiche/hosting-und-betrieb)

- [Laioutr Cloud](https://academy.laioutr.com/leitfaeden/laioutr-cloud)

- [Storefront bis zum Launch mit Passwort schützen](https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen)

# Storefront bis zum Launch mit Passwort schützen

Der Passwortschutz von Laioutr Cloud legt eine Passwortseite vor einzelne Hostnamen der Storefront. Vorschauen sind standardmäßig geschützt, Produktion und eigene Domains werden einzeln eingeschaltet, und Bypass-Secrets lassen Tests und Studio durch.

## Bevor du startest

<dl>

<dt>Tarif</dt>
<dd>Laioutr Cloud</dd>

<dt>Rolle</dt>
<dd>Owner oder Project Manager</dd>

<dt>Dauer</dt>
<dd>5 Min.</dd></dl>

### Voraussetzungen

- Hostnamen der Storefront, zum Beispiel www-Domains

Zuletzt geprüft am 15. Oktober 2026

Bis zum Launch soll eine Storefront oft nur für das Projektteam sichtbar sein. Der **Passwortschutz** legt dafür eine Passwortseite vor einen Hostnamen. Die Prüfung läuft an der Edge, bevor eine Anfrage die Storefront oder ihren Cache erreicht.

- **Vorschauen** sind standardmäßig geschützt: die eigene Adresse jedes Deployments und alle Umgebungen außer der Produktion.
- **Produktions-Hostname und eigene Domains** werden einzeln eingeschaltet.
- **Apex-Domains** ohne www lassen sich nicht schützen, sie leiten auf www weiter.

Ein Projekt hat ein Passwort. Ein neues Passwort ersetzt das alte und meldet alle ab; wer das Passwort eingegeben hat, bleibt sieben Tage angemeldet. Für Maschinen wie CI-Tests oder Monitoring gibt es **Bypass-Secrets**, eines pro Maschine, bis zu 20 je Projekt. Studio hat ein eigenes Secret, das Cockpit automatisch anlegt, damit geschützte Vorschauen im Editor sichtbar bleiben.

Kann ein geschützter Hostname nicht geprüft werden, antwortet er mit 503 und liefert die Seite nie ungeschützt aus.

## Schritt für Schritt

1. 1 ### Schritt 1: Bereich öffnen In Cockpit **Hosting › Laioutr Cloud** öffnen und zu **Password protection** wechseln.
2. 2 ### Schritt 2: Passwort setzen Ein Passwort für das Projekt festlegen und an das Team weitergeben.
3. 3 ### Schritt 3: Hostnamen schützen Den Schutz für den Produktions-Hostnamen und jede eigene Domain einzeln einschalten, bei Domains immer die www-Variante.
4. 4 ### Schritt 4: Hinweise beachten Nennt Cockpit einen Hostnamen, der dieselbe Storefront öffentlich ausliefert, auch diesen schützen.
5. 5 ### Schritt 5: Bypass-Secrets anlegen Für jede Maschine wie einen CI-Test oder ein Monitoring ein eigenes Secret anlegen. Es wird im Header `x-laioutr-protection-bypass` mitgesendet.
6. 6 ### Schritt 6: Zum Launch abschalten Am Tag des Live-Gangs den Schutz für Produktion und Domains ausschalten. Die Änderung wirkt innerhalb von 60 Sekunden.

## Ergebnis prüfen

Ein privates Browserfenster zeigt auf dem geschützten Hostnamen die Passwortseite, nach Eingabe des Passworts erscheint die Storefront. Studio zeigt geschützte Vorschauen in Chrome, Edge oder Firefox weiterhin an.

## Häufige Fragen

Warum zeigt Studio in Safari die Passwortseite?

Safari blockiert Cookies in Frames anderer Websites, daher erreicht das Cookie des Studio-Secrets die Vorschau nicht. Studio in Chrome, Edge oder Firefox nutzen oder den Schutz für diesen Hostnamen während der Bearbeitung ausschalten.

Was passiert nach zu vielen Fehlversuchen?

Ab zehn Versuchen pro Minute je IP-Adresse und Hostname antwortet die Seite mit 429 und bittet, bis zum Ende der Minute zu warten.

Wie wird ein Bypass-Secret entzogen?

Im selben Bereich widerrufen; es funktioniert spätestens nach 60 Sekunden nicht mehr. Das Studio-Secret lässt sich nicht widerrufen, nur rotieren.

Lassen sich Tests ohne Header durchführen?

Ja. Das Secret lässt sich auch als Query-Parameter `x-laioutr-protection-bypass` senden oder per Parameter `x-laioutr-set-bypass-cookie=true` als Cookie setzen.

## Passend dazu

- [Eigene Domain verbinden](https://academy.laioutr.com/artikel/eigene-domain-verbinden)6 Min.

  Eine eigene Domain wird in Cockpit einem Markt zugeordnet und mit einer Sprache verknüpft. Nach dem DNS-Eintrag beim Domain-Anbieter und einem Deployment liefert Laioutr Cloud die Storefront unter dieser Domain aus.
- [Checkliste Live-Gang](https://academy.laioutr.com/artikel/checkliste-live-gang)10 Min.

  Vor dem Live-Gang werden fünf Bereiche geprüft: Konto, Projekt, Märkte und Sprachen; die getestete App-Verbindung; veröffentlichte Seiten mit Pflichtseiten; SEO-Grundlagen und Weiterleitungen; zuletzt Deployment, eigene Domain und das Aufheben des Passwortschutzes.
- [Deployments vergleichen und zurückrollen](https://academy.laioutr.com/artikel/deployments-vergleichen-und-zurueckrollen)5 Min.

  Jedes Deployment hat eine eigene Adresse, über die sich zwei Stände nebeneinander vergleichen lassen. Ein Rollback setzt ein bereits gebautes früheres Produktions-Deployment in Sekunden wieder live, ohne neuen Build.
- [Vorschau prüfen und in Studio veröffentlichen](https://academy.laioutr.com/artikel/vorschau-pruefen-und-in-studio-veroeffentlichen)5 Min.

  Studio speichert Änderungen als Entwurf und zeigt sie sofort in der Live-Vorschau. Publish in der oberen Leiste bringt den gespeicherten Stand über ein Deployment der Umgebung auf die Storefront.

## In einer Lektion lernen

- [Go-live-Checkliste anwenden](https://academy.laioutr.com/lektionen/frontend-manager-go-live-checkliste)8 Min.
- [Passwortschutz bis zum Launch](https://academy.laioutr.com/lektionen/live-gang-passwortschutz)4 Min.

## [Laioutr Cloud](https://academy.laioutr.com/leitfaeden/laioutr-cloud)

In diesem Leitfaden suchen

1. [Hosting und Auslieferung über die Edge](https://academy.laioutr.com/artikel/hosting-und-auslieferung-ueber-die-edge)4 Min.
2. [Eigene Domain verbinden](https://academy.laioutr.com/artikel/eigene-domain-verbinden)6 Min.
3. [Storefront bis zum Launch mit Passwort schützen](https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen)5 Min.
4. [Bilder über das Laioutr CDN ausliefern](https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern)4 Min.
5. [Videos über das Video CDN ausliefern](https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern)6 Min.
6. [Formulare gegen Bots und Spam schützen](https://academy.laioutr.com/artikel/formulare-gegen-bots-und-spam-schuetzen)7 Min.
7. [Storefront als Progressive Web App bereitstellen](https://academy.laioutr.com/artikel/storefront-als-progressive-web-app-bereitstellen)5 Min.

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://academy.laioutr.com/#website",
      "@type": "WebSite",
      "inLanguage": "de",
      "name": "Default",
      "url": "https://academy.laioutr.com/",
      "workTranslation": {
        "@id": "https://academy.laioutr.com/#website"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen#webpage",
      "name": "Academy Article",
      "url": "https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen",
      "@type": [
        "WebPage",
        "FAQPage"
      ],
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "mainEntity": [
        {
          "@id": "https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen#/schema/question/1"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen#/schema/question/2"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen#/schema/question/3"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen#/schema/question/4"
        }
      ],
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Hosting und Betrieb",
          "item": "https://academy.laioutr.com/bereiche/hosting-und-betrieb",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Laioutr Cloud",
          "item": "https://academy.laioutr.com/leitfaeden/laioutr-cloud",
          "position": 3
        },
        {
          "@type": "ListItem",
          "name": "Storefront bis zum Launch mit Passwort schützen",
          "item": "https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen",
          "position": 4
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen#/schema/question/1",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Warum zeigt Studio in Safari die Passwortseite?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Safari blockiert Cookies in Frames anderer Websites, daher erreicht das Cookie des Studio-Secrets die Vorschau nicht. Studio in Chrome, Edge oder Firefox nutzen oder den Schutz für diesen Hostnamen während der Bearbeitung ausschalten.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen#/schema/question/2",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Was passiert nach zu vielen Fehlversuchen?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Ab zehn Versuchen pro Minute je IP-Adresse und Hostname antwortet die Seite mit 429 und bittet, bis zum Ende der Minute zu warten.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen#/schema/question/3",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Wie wird ein Bypass-Secret entzogen?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Im selben Bereich widerrufen; es funktioniert spätestens nach 60 Sekunden nicht mehr. Das Studio-Secret lässt sich nicht widerrufen, nur rotieren.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen#/schema/question/4",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Lassen sich Tests ohne Header durchführen?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Ja. Das Secret lässt sich auch als Query-Parameter <code>x-laioutr-protection-bypass</code> senden oder per Parameter <code>x-laioutr-set-bypass-cookie=true</code> als Cookie setzen.</p>"
      }
    }
  ]
}
```