Schnellstart

Diese Anleitung enthält optimierte Anweisungen für erfahrene Node.js-Entwickler, die unter Verwendung einer Demo-Storefront und einer Demo-Sandbox für das Backend sofort mit dem PWA Kit loslegen möchten.

Node.js 18+ und npm 9+.
Apple Silicon-Benutzer: Falls Sie Rosetta nicht bereits installiert haben, führen Sie softwareupdate --install-rosetta aus.

Detaillierte Setup-Anweisungen finden Sie unter Einrichtung Ihrer lokalen Umgebung.

Um ein Projekt mithilfe der Retail React App-Vorlage zu erstellen und mit der Demo-Sandbox zu verbinden, öffnen Sie ein Terminal und führen den folgenden Befehl aus:

Im Befehl npx können Sie @latest durch eine bestimmte Version der Retail React App ersetzen, beispielweise durch @v3.0.0 oder @v2.7.3. Wenn Sie keine Version festlegen, können Sie durch das Caching älterer Versionen unerwartete Ergebnisse erhalten.

Das Projektgenerator-Skript erstellt einen Ordner im Verzeichnis pwa-kit-starter-project. Öffnen Sie diesen Ordner in Ihrem Texteditor und machen Sie sich mit den Inhalten vertraut.

Starten Sie Ihren lokalen Webserver mit den folgenden Befehlen:

Jetzt, da der Entwicklungsserver läuft, können Sie einen Browser öffnen und sich eine Vorschau Ihrer Storefront anzeigen lassen:

Gehen Sie zu http://localhost:3000/

Die an Ihren Projektdateien vorgenommenen Änderungen werden nach der Aktualisierung im Browser angezeigt.

Um Ihren Einstieg mit dem PWA Kit fortzusetzen, wählen Sie je nach dem Status Ihres Projekts eine der folgenden Anleitungen aus:

Anleitung	Projektstatus
Erstellung einer On-Demand Sandbox	Keine B2C Commerce Instanzen für Entwicklung und Testen erstellt.
Einrichtung des API-Zugriffs	Mindestens eine B2C Commerce Instanz erstellt.
Einrichtung Ihrer lokalen Umgebung	Mindestens eine B2C Commerce Instanz erstellt und für den API-Zugriff konfiguriert.
Pushen und Bereitstellung von Bündeln	Die Einrichtung der lokalen Umgebung ist abgeschlossen.