Démarrage rapide

Ce guide présente des instructions simplifiées pour les développeurs Node.js expérimentés qui souhaitent se lancer immédiatement avec PWA Kit en utilisant une boutique de démonstration et une sandbox de démonstration pour le backend.

  • Node.js 18+ et npm 9+.
  • Utilisateurs Apple Silicon : si vous n'avez pas déjà installé Rosetta, lancez softwareupdate --install-rosetta.

Pour des instructions de configuration détaillées, voir Configurer votre environnement local.

Pour créer un projet utilisant le modèle Retail React App et le connecter à la sandbox de démonstration, ouvrez un terminal et exécutez la commande suivante :

Dans la commande npx, vous pouvez remplacer @latest par une version spécifique de Retail React App, telle que @v3.0.0 ou @v2.7.3. Si vous ne spécifiez pas de version, vous pouvez obtenir des résultats inattendus en raison de la mise en cache des anciennes versions.

Le script du générateur de projet va créer un dossier dans un répertoire appelé pwa-kit-starter-project. Ouvrez ce dossier dans votre éditeur de texte et commencez à explorer !

Pour démarrer votre serveur Web local, exécutez les commandes suivantes :

Maintenant que le serveur de développement fonctionne, vous pouvez ouvrir un navigateur et prévisualiser votre boutique :

Les modifications apportées aux fichiers de votre projet seront visibles dans votre navigateur après actualisation.

Pour poursuivre votre initiation à PWA Kit, choisissez l'un des guides suivants, en fonction de l'état de votre projet :

GuideÉtat du projet
Créer une On-Demand SandboxAucune instance B2C Commerce créée pour le développement et les tests.
Configurer l’accès aux APIAu moins une instance B2C Commerce créée.
Configurer votre environnement localAu moins une instance B2C Commerce créée et configurée pour l’accès aux API.
Envoyer en Push et déployer des paquetsConfiguration de l’environnement local terminée.