react storefront

Reagieren Sie das Rahmen für das Erstellen und Bereitstellen von Lightning-Spast-E-Commerce-PWAs.

Frei und offen. Gebaut mit next.js

React StoreFront (RSF) nutzt eine kopflose Architektur, mit der Sie Ihr älteres Frontend problemlos ersetzen und über APIs mit einer beliebigen E -Commerce -Plattform oder einem Backend -System herstellen können. React StoreFront erweitert den nächsten.js um alles, was Sie für eine E -Commerce -Storefront benötigen. Probieren Sie die Tie-Bar, Akira und 1-800-Flowers.com auf Ihrem Telefon, um zu sehen, wie schnell die Websites auf RSF sein können!

Lächerliche Geschwindigkeit

React StoreFront geht die Extrameile, um die Geschwindigkeit aus jeder möglichen realen und benutzergefälligen Leistungsoptimierung herauszuholen, einschließlich:

• Hohe Cache -Trefferraten für dynamische Daten
• Serverseite Rendering
• Automatische Verstärkererstellung
• Prädiktive Vorabsteuerung dynamischer Daten
• Codeaufteilung
• Cache -Optimierung
• Kundendaten Wiederverwendung
• Skelette
• und mehr

Fazit: RSF ist für Geschwindigkeit gebaut!

Ein anderer Ansatz

React StoreFront verfolgt einen mutigen neuen Ansatz, der die Produktivität der Entwickler schätzt, sodass Sie in kürzerer Zeit mehr erledigen können:

• Keine Konfiguration - Download und starten Sie die Codierung
• Meinungsrahmen, der das schwere Heben für Sie macht
• Unified Code -Basis, die isomorphes JavaScript auf dem Server, Client und CDN verwendet
• Generieren Sie AMP und PWA aus einer einzelnen Codebasis
• Führt die Entwickler automatisch zu Best Practices der Leistung
• Unterstützt Quellkarten für Chrome Debugger und Visual Studio Code

React StoreFront ist und wird immer Open-Source sein. Jeder kann das Projekt nutzen und unterstützen. Das Ziel von RSF ist es, das Online -Einkaufserlebnis für alle zu verbessern.

Zum Verkauf gemacht

React StoreFront ist für E-Commerce speziell gebaut: Es enthält UI-Komponenten und -vorlagen, die für E-Commerce entwickelt wurden. Es ist SEO und Suchmaschinenfreundlichkeit. Darüber hinaus können Sie mit React StoreFront Ihr vorhandenes URL -Schema aufbewahren.

Für komplexe Standorte gebaut

React StoreFront skaliert von 10 Mio. USD auf 1 Mrd. USD+ Umsatzwebsites und führt bereits führende Unternehmen für Enterprise -E -Commerce -Websites mit. Das Framework unterstützt die reale Migration komplexer E-Commerce-Websites in schrittweisen Schritten auf PWAs.

Wir suchen nach Mitwirkenden und Designern, die uns bei der Lösungsentwicklung helfen möchten.

Integrationen

React StoreFront kann einfach über APIs in jede E -Commerce -Plattform integriert werden.

Erste Schritte

Stellen Sie sicher, dass der Knoten 10 oder neuer ein neues React StoreFront -App erstellt und ausgeführt wird:

 npm create react-storefront@latest --yes (my-app-name)

Sobald Ihre App erstellt wurde, können Sie sie im Entwicklungsmodus starten, indem Sie ausgeführt werden:

 cd (my-app-name)
npm run dev

Entwickler docs

Entwicklung

Wenn Sie einen Beitrag leisten möchten, können Sie bitte ein Problem mit einem Fehler- oder Funktionsanforderungsbericht aufwerfen oder einfach eine Pull -Anfrage mit den vorgeschlagenen Änderungen eröffnen.

Lokale Entwicklung

Nach dem Klonen des Repos rennen Sie:

 npm i

Verwenden Sie yalc , um Ihren lokalen Klon von React-Storefront in Projekten zu verwenden.

Veröffentlichen Sie React Storefront an Ihren lokalen YALC-Geschäft:

 yalc publish

Führen Sie dann Folgendes aus, um aktualisierte Builds bei Änderungen in den YALC Store zu bringen.

 npm run watch

Schließlich in Ihrem Projektlauf:

 yalc add react-storefront

Dadurch wird das Paket.Json Ihres Projekts geändert, um einen Dateipfad im Abhängigkeitseintrag für React-Storefront zu verwenden. Um diese Änderung zurückzuwandeln, rennen Sie:

 yalc remove react-storefront # or yalc remove --all
npm i

Treten Sie der Community auf Slack bei

Wenn Sie Fragen oder Ideen haben, können Sie sich gerne an unserem Slack beitreten: Einladungslink

Dokumentation

Die Dokumentation ist immer der schwierigste Teil jedes Open-Source-Projekts! Aber wir bemühen uns an :-) Vollständige Führer, API-Dokumentation und Beispiele

React StoreFront ist und wird immer Open-Source sein, der unter Apache2-Lizenz veröffentlicht wird.

Versuchen Sie es auf der Ebene0. Stellen Sie es überall ein.

React StoreFront ist wie bei jedem Next.js -Projekt für jede Umgebung eingesetzt, in der Node.js. Der einfachste Weg, um das Laufwerk zu testen und React StoreFront bereitzustellen, ist auf Layer0, einem serverlosen PAAS, mit dem Entwicklern die Geschwindigkeit über den gesamten Stapel optimiert werden, um dynamische Websites unter Sekunde zu liefern. Eine kostenlose Stufe ist verfügbar.

Partner

RSF wurde von einer Gruppe von E -Commerce -Site, E -Commerce Agency und E -Commerce -Plattform -Ingenieuren erstellt.

Die Partner werden ermutigt, das Projekt auf verschiedene Weise zu unterstützen - hauptsächlich, indem sie zum Quellcode, Marketingaktivitäten, Evangelisierung und natürlich - im Umsetzung der Produktionsprojekte beitragen. Wir unterstützen unsere Partner durch engagierte Kontaktkanäle, Workshops und die Teile der Leads von Händlern, die an Implementierungen interessiert sind.

Reagieren Sie das Storefront -Logo und die Richtlinien

Die Lizenz

React StoreFront Source Code ist vollständig kostenlos und unter der Lizenz von Apache v2.0 veröffentlicht. Überprüfen Sie die Lizenz.MD für weitere Details.