Création d'un magasin personnalisé à l'aide de Next.js

Vous pouvez créer une vitrine affichée côté serveur à l'aide de HCL Commerce Next.js Store SDK. Le Next.js Store SDK permet votre développement frontal d'une vitrine à l'aide d'un paradigme d'extension simple.

Pour plus d'informations sur la vitrine Next.js, voir Magasin type Next.js.

Le Next.js Store SDK est créé à partir de deux composants :

Une application Next.js développée et déployée par un développeur frontal à l'aide du Store SDK.
Un modèle de données de magasin Next.js (magasin de site étendu - eSite, magasin de ressources de catalogue - CAS - et magasin de ressources de vitrine - SAS) publié par le développeur frontal ou l'administrateur de site avec le contenu associé créé par les utilisateurs professionnels, puis la publication d'un modèle Magasin avec des données à l'aide des outils de publication du magasin.

Architecture de magasin Next.js

Pour une présentation de l'architecture de magasin Next.js, voir le fichier Readme docs/overall-design.md dans le groupement Git.

Publication d'un magasin sans interface

Le magasin Next.js utilise le même modèle de données que le magasin ReactJS. Pour plus de détails, voir Publication d'un React Store.

Note: Le modèle de données pour les magasins Next.js et ReactJS lest le même, de sorte que les magasins publiés existants peuvent être utilisés avec Next.js.

Lors de la création d'un eSite, Management Center for HCL Commerce utilise le chemin de contexte de magasin de ressources de vitrine (SAS) par défaut. Pour vous assurer qu'un chemin de contexte unique existe pour le magasin qui vient d'être publié, ajoutez un enregistrement à la table STORECONF. Reportez-vous à l'exemple SQL suivant pour ajouter un enregistrement à la table STORECONF.

insert into storeconf(storeent_id, name, value) values(<storeent_id>, 'headlessStore.storeContextRoot', NULL);

où storeent_id est le storeent_id de l'eSite qui vient d'être publié.

En l'absence d'un tel enregistrement, le chemin de contexte associé au SAS du magasin qui vient d'être publié sera utilisé. Sinon, pour affecter un chemin de contexte non vide à l'eSite qui vient d'être publié, remplacez NULL par /context-path dans la requête ci-dessus où context-path est le chemin de contexte souhaité. Voir l'exemple de SQL suivant pour le nouvel eSite.

insert into storeconf(storeent_id, name, value) values(<storeent_id>, 'headlessStore.storeContextRoot', 'newesite');

Modèles de courrier électronique et notifications

La définition de modèle de courrier électronique et de notifications pour les magasins Next.js et ReactJS est identique. Pour plus de détails, voir Notifications et modèles par e-mail.

Prévisualisation du magasin

Les fonctions d'aperçu du magasin sont activées pour les magasins Next.js. Pour plus de détails, voir Prévisualisation du magasin et Aperçu des pages du magasin.

Composeur de page

Les magasins Next.js utilisent les présentations de Composeur de page du Centre de gestion.

Pour plus de détails, voir le fichier Readme docs/layout-usage.md dans le groupement Git.