![Feature preview](../../base/images/preview.png)
![HCL Commerce Version 9.1.13.0 or later](../../base/images/91130plus.png)
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:
- Una aplicación de Next.js que desarrolla y despliega un desarrollador front-end mediante el Store SDK.
- 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
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.
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.