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.

Voraussetzungen

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.

Erzeugung des Projekts

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:

1npx '@salesforce/pwa-kit-create-app@latest' --preset retail-react-app-demo

Dadurch wird ein Verzeichnis namens retail-react-app-demo erstellt. Öffnen Sie diesen Ordner in Ihrem Texteditor und machen Sie sich mit den Inhalten vertraut.

Start Ihres Webservers

Starten Sie Ihren lokalen Webserver mit den folgenden Befehlen:

1cd pwa-kit-starter-project
2npm start

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.

Nachdem Sie die Aufgaben in diesem Leitfaden abgeschlossen haben, stellen Sie Ihre Website bereit.