Feature previewHCL Commerce Version 9.1.13.0 or later

Creación de una tienda personalizada mediante Next.js

Puede crear un escaparate representado en el lado del servidor utilizando HCL Commerce Next.js Store SDK. La Next.js Store SDK permite el desarrollo front-end de un escaparate mediante un paradigma de extensión sencillo.

Para obtener más información sobre el escaparate Next.js, consulte Tienda de inicio Next.js.

El Next.js Store SDK se crea a partir de dos componentes:

  1. Una aplicación de Next.js que desarrolla y despliega un desarrollador front-end mediante el Store SDK.
  2. Un modelo de datos de tienda Next.js (tienda de sitio ampliado [eSite], tienda con elementos de catálogo [CAS] y la tienda con elementos de escaparate [SAS]) que publica el desarrollador front-end o el administrador de sitio con el contenido asociado que crean los usuarios de empresa y, a continuación, se publica un modelo de tienda con datos mediante las herramientas de publicación de tienda.

Arquitectura de la tienda Next.js

Para obtener la visión general de la arquitectura de la tienda Next.js, consulte el archivo readme de docs/overall-design.md dentro del paquete Git.

Publicación de una tienda autónoma

La tienda Next.js utiliza la misma plantilla de datos que la tienda ReactJS. Para obtener más detalles, consulte Publicación de unReact Store.
Note: El modelo de datos para tiendas Next.js y tiendas ReactJS es el mismo, por lo que las tiendas publicadas existentes se pueden utilizar con Next.js.
Al crear un sitio electrónieSite, Management Center for HCL Commerce utiliza la vía de acceso de contexto de la tienda con elementos de escaparate (SAS) de forma predeterminada. Para asegurarse de que existe una vía de acceso de contexto exclusiva para la tienda recién publicada, añada un registro a la tabla STORECONF. Consulte el siguiente ejemplo de SQL para añadir un registro a la tabla STORECONF.
insert into storeconf(storeent_id, name, value) values(<storeent_id>, 'headlessStore.storeContextRoot', NULL);

donde storeent_id es el storeent_id del eSite recién publicado.

Si no existe un registro de este tipo, se utilizará la vía de acceso de contexto asociada a la SAS de la tienda recién publicada. Como alternativa, para asignar una vía de acceso de contexto que no esté vacía al eSite recién publicado, sustituya NULL por /context-path en la consulta anterior, donde context-path es la vía de acceso de contexto deseada. Consulte el siguiente ejemplo de SQL para el nuevo eSite.
insert into storeconf(storeent_id, name, value) values(<storeent_id>, 'headlessStore.storeContextRoot', 'newesite');

Plantillas y notificaciones de correo electrónico

La forma de establecer plantillas y notificaciones de correo electrónico para las tiendas Next.js y ReactJS es la misma. Para obtener más detalles, consulte Plantillas y notificaciones de correo electrónico.

Vista previa de la tienda

Las funciones de vista previa de la tienda están habilitadas para las tiendas Next.js. Para obtener más información, consulte Vista previa de la tienda y Vista previa de las páginas de la tienda.

Compositor de páginas

Las tiendas Next.js utilizan diseños del compositor de páginas del Centro de gestión.

Para obtener más detalles, consulte el archivo readme de docs/layout-usage.md dentro del paquete Git.