"Enter": Navigation überspringen
  • Tab oder Shift + Tab - zum nächsten oder voherigen interaktiven Element springen
  • - innerhalb eines Elements navigieren
  • w a s d - innerhalb eines Elements navigieren
  • Enter - Element aktivieren
  • i - Tastaturbefehle anzeigen
  • CTRL / CMD + + oder - - Ansicht vergrößern oder verkleinern
  • Escape - Popup schließen
  • t - Tooltip anzeigen
  • m - zum Menü

Interactive-Studio

Staging

Was bedeutet eigentlich ‚Staging‘ in der professionellen Webentwicklung? – Staging ist eine Testumgebung, in der die Website oder App vor ihrer Veröffentlichung auf Fehler, Funktionalität und auch auf ihre Benutzerfreundlichkeit überprüft wird. Es ist der Schritt zwischen der Entwicklungsphase und der Veröffentlichung. Die Website funktioniert im Staging-Modus, der noch nicht öffentlich zugänglich ist, fast genauso wie die Website, die später online sein wird.

Warum ist Staging unverzichtbar?

Wenn unsere Digitalagentur eine Website oder App entwickelt, durchläuft diese verschiedene Stationen auf dem Weg zur Premiere. In der Entwicklungsumgebung wird geschraubt, gebastelt und ausprobiert. In der Staging-Umgebung wird geprobt, fast wie unter Echtbedingungen, und von der Testumgebung geht’s raus in die Welt.

Ein Beispiel: Auf einer Corporate Website wird eine neue Produktseite entwickelt; dabei soll sichergestellt werden, dass alle Links funktionieren, Bilder und Illustrationen richtig angezeigt werden und vor allem auch die Zahlungsoptionen korrekt sind. In der Staging-Umgebung kann der zuständige Full-Stack-Webentwickler all diese neuen Inhalte testen, interaktive Funktionen prüfen und auch Fehler beheben, ohne dass Kunden beim Shoppen auf einer laufenden Live-Seite auf Probleme stoßen.

Die Staging-Umgebung befindet sich dafür in der Regel auf einem abgeschirmten Server oder Testbereich und ist dort nur für Entwickler, Webdesigner, Tester und Inhaber zugänglich, bevor die Änderungen livegeschaltet werden.

So schaltest du deine Website in die Staging-Umgebung

Die Staging-Umgebung befindet sich dafür meist auf einem eigenen Server oder einer eigenen Instanz, die genauso eingerichtet ist wie die Live-Umgebung. Um eine Website dort bereitzustellen, gehst du in der Regel so vor:

  • Kopier deinen Code in die Staging-Umgebung!
    Du kannst das per Git (z. B. mit einem eigenen Branch), FTP, CI/CD-Pipeline oder über ein Deployment-Tool wie z. B. GitHub Actions ausführen.
  • Datenbank übernehmen oder duplizieren
    Wenn deine Website mit einer Datenbank arbeitet, brauchst du im Allgemeinen eine Kopie der Live-Datenbank oder eine Testversion.
  • Umgebungsvariablen setzen
    Achte darauf, dass du deine Umgebungsvariablen (z. B. API-Schlüssel) für die Staging-Umgebung anpasst – nicht, dass versehentlich echte Daten verändert werden!
  • Tests durchführen
    Jetzt kannst du neue Funktionen, Bugfixes oder Designänderungen in einer sicheren Umgebung testen – realitätsnah, aber ohne Risiko.
  • Deployment-Skript oder Workflow automatisieren (optional, aber sinnvoll)
    Wenn du öfter Updates testest, lohnt es sich sicherlich, den Prozess zu automatisieren. Moderne CI-/CD-Systeme bieten dafür einfache Möglichkeiten.

Begierde Wissen