react storefront

React Storefront le framework pour créer et déployer des PWA de commerce électronique rapide.

Gratuit et open-source. Construit avec suivant.js

React Storefront (RSF) utilise une architecture sans tête vous permettant de remplacer facilement votre frontend hérité et de vous connecter via des API à n'importe quelle plate-forme de commerce électronique ou système backend. React Storefront étend Next.js pour inclure tout ce dont vous avez besoin pour une vitrine de commerce électronique. Essayez la barre de liaison, Akira et 1-800-flowers.com sur votre téléphone pour voir à quelle vitesse les sites de RSF peuvent être!

Vitesse ridicule

React Storefront fait un effort supplémentaire pour extraire la vitesse de toutes les optimisations de performances réelles et perçues par l'utilisateur possible, notamment:

• Taux de hit cache élevés pour les données dynamiques
• Rendu côté serveur
• Création automatique de l'ampli
• Prédiction prédictive des données dynamiques
• Division du code
• Optimisation du cache
• Réutilisation des données du client
• Squelettes
• Et plus

Conclusion: RSF est conçu pour la vitesse!

Une approche différente

React Storefront adopte une nouvelle approche audacieuse qui valorise la productivité des développeurs, vous pouvez donc en faire plus en moins de temps:

• Pas de configuration - télécharger et commencer le codage
• Cadre d'opinion qui fait le gros levage pour vous
• Base de code unifiée qui utilise un JavaScript isomorphe sur le serveur, le client et le CDN
• Générer AMP et PWA à partir d'une seule base de code
• Guide automatiquement les développeurs dans les meilleures pratiques de performance
• Prend en charge les cartes source pour Chrome Debugger et Visual Studio Code

React Storefront est et sera toujours open-source. Tout le monde peut utiliser et soutenir le projet. L'objectif de RSF est d'améliorer l'expérience d'achat en ligne pour tout le monde.

Fait pour vendre

React Storefront est construit sur mesure pour le commerce électronique: il contient des composants et modèles d'interface utilisateur conçus pour le commerce électronique. C'est le référencement et le moteur de recherche. De plus, React Storefront vous permet de préserver votre schéma d'URL existant.

Construit pour des sites complexes

React Storefront passe de 10 millions de dollars à 1 milliard de dollars + des sites de revenus et propose déjà des sites de commerce électronique de commerce d'entreprise. Le cadre prend en charge la migration du monde réel des sites de commerce électronique complexes vers les PWA en étapes incrémentielles.

Nous recherchons des contributeurs et des concepteurs prêts à nous aider dans le développement de la solution.

Intégrations

React Storefront peut être facilement intégré à n'importe quelle plate-forme de commerce électronique via des API.

Commencer

Pour créer une nouvelle application React Storefront, assurez-vous que le nœud 10 ou plus nouveau est installé et exécuté:

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

Une fois votre application créée, vous pouvez le démarrer en mode développement en exécutant:

 cd (my-app-name)
npm run dev

Doc de développeur

Développement

Si vous aimez contribuer, n'hésitez pas à soulever un problème avec un rapport de bogue ou de demande de fonctionnalité, ou ouvrez simplement une demande de traction avec les modifications proposées.

Développement local

Après avoir cloné le dépôt, courez:

 npm i

Pour utiliser votre clone local de React-Storefront dans les projets, utilisez yalc .

Pour publier React-Storefront à votre magasin YALC local:

 yalc publish

Ensuite, exécutez ce qui suit pour pousser les constructions mises à jour vers Yalc Store sur les modifications.

 npm run watch

Enfin, dans votre projet Run:

 yalc add react-storefront

Cela modifiera Package.json de votre projet pour utiliser un chemin de fichier dans l'entrée de dépendance pour React-StoreFront. Pour retourner ce changement, exécutez:

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

Rejoignez la communauté sur Slack

Si vous avez des questions ou des idées, n'hésitez pas à rejoindre notre lien Slack: Invitation

Documentation

La documentation est toujours la partie la plus difficile de chaque projet open-source! Mais nous essayons dur :-) Guides complets, documentation API et exemples

React Storefront est et sera toujours ouvert, publié sous la licence Apache2.

Essayez-le sur la couche0. Déploiez-le n'importe où.

Comme n'importe quel projet Next.js, React Storefront est déployable dans n'importe quel environnement qui exécute Node.js. Le moyen le plus simple de tester le lecteur et de déployer React Storefront est sur Layer0, un PaaS sans serveur qui aide les développeurs à optimiser la vitesse sur toute la pile pour fournir des sites Web dynamiques de sous-seconde. Un niveau gratuit est disponible.

Partenaires

RSF a été créé par un groupe de sites de commerce électronique, d'agence de commerce électronique et d'ingénieurs de plate-forme de commerce électronique.

Les partenaires sont encouragés à soutenir le projet de diverses manières - principalement en contribuant au code source, aux activités de marketing, à l'évangélisation et bien sûr - la mise en œuvre des projets de production. Nous soutenons nos partenaires par des canaux de contact dédiés, des ateliers et en partageant les prospects des marchands intéressés par les implémentations.

React Storefront Logo and Guidelines

La licence

Le code source React Storefront est entièrement gratuit et libéré sous la licence Apache V2.0. Vérifiez la licence.md pour plus de détails.