saleor storefront
2.11
Saleor-Storefront-Repository ist
DEPRECATEDWir haben beschlossen, eine neue Ladenfront zu bauen, die von Grund auf neu beginnt, ohne ausgefallenes Design und konzentrierte sich ausschließlich auf Best Practices für den Bau von Handelsgeschäften. Das neue Projekt namens React-Storefront verwendet Next.js als Fundament und Rückenwind für das Aussehen. Sie finden es hier: https://github.com/saleor/react-storefront.
Hinweis: Dieses Projekt ist eine Demonstration, wie Saleor verwendet werden kann. Es ist nicht bereit, ein Starter zu sein, sondern zu zeigen, wie unterschiedliche Fälle behandelt werden können und als Rezeptbuch verwendet werden können. Es wird Veränderungen durchbrechen und der Code entwickelt sich ständig weiter. Verwenden Sie also auf eigenes Risiko.
Ein GraphQL-betrieben, PWA, einseitiges Anwendungsgeschäft für Saleor.
Siehe die öffentliche Demo von Saleor Storefront!
Oder starten Sie die Demo auf einer kostenlosen Heroku -Instanz.
Mit diesen Anweisungen werden Sie für die Entwicklung und Testzwecke eine Kopie des Projekts auf Ihrer lokalen Maschine in Betrieb genommen.
Um die StoreFront auszuführen, müssen Sie die Umgebungsvariable NEXT_PUBLIC_API_URI festlegen, um auf die Saleor GraphQL -API zu verweisen. Wenn Sie mit den Standardeinstellungen Saleor lokal ausführen, ist NEXT_PUBLIC_API_URI auf: http://localhost:8000/graphql/ . Um es zu ändern, erstellen Sie entweder eine .env.local -Datei und fügen Sie sie dort hinzu oder setzen Sie eine Env -Variable mit dem Befehl export .
Klonen Sie das Repository:
git clone https://github.com/mirumee/saleor-storefront.git
Geben Sie das Projektverzeichnis ein:
cd saleor-storefront
Um die offizielle stabile Veröffentlichung zu verwenden, Checkout zu einem Release -Tag:
$ git checkout 2.11.0
Hier finden Sie die Liste aller Veröffentlichungen: https://github.com/mirumee/Saleor-storefront/releass/
Wenn Sie die neueste Entwicklungsversion verwenden möchten, sehen Sie sich die master -Zweigstelle an:
$ git checkout master
Installieren Sie NPM -Abhängigkeiten:
npm i
Führen Sie den Entwicklungsserver aus:
npm start
Gehen Sie zu http://localhost:3000 um auf die Ladenfront zuzugreifen.
Um den App -Lauf zu kompilieren:
$ npm run build
So kompilieren Sie die App und exportieren Sie die Storefront in den statischen HTML -Lauf:
$ npm run build:export
So kompilieren Sie die App und führen Sie sie im Produktionsmodus mit dem nächsten Serverlauf aus:
$ npm run build:start
Um Apollo Devtools in der Produktionsversion zu aktivieren, setzen Sie die Umgebungsvariable
NEXT_PUBLIC_ENABLE_APOLLO_DEVTOOLS=true
Wenn Sie Cypress -Tests ausführen möchten, stellen Sie sicher, dass alle Abhängigkeiten (einschließlich Cypress ) durch Ausführen des Installationsbefehls installiert werden.
npm i
Die folgenden Umgebungsvariablen müssen festgelegt werden, um Tests ordnungsgemäß ausführen zu können:
API_URI - GraphQL API -Adresse.STATIC_URL - STATIC -Dateien Ziel -URL, z. S3 EimerCYPRESS_USER_NAME - Benutzername (E -Mail) für Storefront -Benutzer.CYPRESS_USER_PASSWORD - Für den oben erwähnten Benutzer. Wenn Sie die Storefront aus der Perspektive des Docker -Containers ausführen, können Sie Tests mit den folgenden Befehlen ausführen:
Kopfloser Modus:
cy:run
Cypress UI -Modus:
cy:open
Wenn Sie Tests gegen Ihre lokale Entwicklungsumgebung durchführen möchten, verwenden Sie die folgenden Befehle:
Kopfloser Modus:
test:e2e:run
Cypress UI -Modus:
test:e2e:dev
Alle neuen Komponenten sollten Atomdesign -Richtlinien befolgen und im Verzeichnis src/@next/components platziert werden.
Die Dateienstruktur kann mit plop generiert werden:
npm run generate
Aus Spectrum Post
import Link from "next/link" und verwenden Sie einen neuen Pfad, den Sie in paths.ts erstellt haben (stellen Sie sicher, dass Sie ihn importieren).default-channel . Dieses Projekt ist unter der BSD-3-Klausel-Lizenz lizenziert. Weitere Informationen finden Sie in der Lizenzdatei
