\n \n | **Funcionalidad** | \n **Store Framework** | \n **FastStore** | \n
\n \n | Starter (plantilla inicial) | \n [Store Theme](https://github.com/vtex-apps/store-theme) es la plantilla inicial que el equipo puede utilizar como base para iniciar el proyecto de tienda o comenzar desde cero. | \n [FastStore Starter](https://starter.vtex.app/) se disponibiliza al finalizar el [Onboarding de FastStore](https://www.faststore.dev/docs/getting-started/1-faststore-onboarding/overview), lo que permite al equipo comenzar el proyecto con una plantilla base centrada en desempeño. | \n
\n \n | Desempeño | \n Los recursos SSR (Server Side Rendering) generan todo el HTML de una página en el servidor en respuesta a un request de la página, mientras que la SPA (Single Page Application) carga elementos como el header solamente cuando la página se ha cargado. | \n Posibilidad de máximo desempeño, ya que utiliza la arquitectura [Jamstack](https://jamstack.org/) para crear las páginas del sitio web de la tienda con antelación, lo que hace que la entrega del sitio web sea más rápida y eficiente en términos de recursos. | \n
\n \n | Tech Stack | \n \n \n - TypeScript
\n - React
\n - GraphQL
\n - Node.js
\n \n | \n \n \n - TypeScript
\n - React
\n - Next.js
\n - GraphQL
\n - Node.js
\n \n | \n
\n \n | Personalización de componentes | \n Flexible y fácil de personalizar. | \n Permite personalizar los componentes nativos y garantiza el desempeño de la tienda basándose en las mejores prácticas. | \n
\n \n | Gestión del código | \n Utiliza [workspaces](https://developers.vtex.com/docs/guides/vtex-io-documentation-workspace) y la arquitectura VTEX IO para distintas versiones, actualización y rollback (reversión) de componentes y aplicaciones. | \n Utiliza GitHub y el concepto de [branch](https://docs.github.com/pt/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches) para colaboración. Los usuarios con autorización para acceder al repositorio del storefront en GitHub pueden ver y trabajar en el código. | \n
\n \n | Comunidad de soporte | \n \n \n - [Documentación oficial](https://developers.vtex.com/docs/guides/vtex-io-documentation-what-is-vtex-store-framework)
\n - [VTEX Community](https://community.vtex.com/c/store-development/store-framework/17)
\n \n | \n \n \n - [Documentación oficial](https://www.faststore.dev/docs)
\n \n | \n
\n \n | Monitoreo del desempeño y Analytics | \n \n \n - Posibilidad de configurar [VTEX Google Tag Manager](https://developers.vtex.com/docs/guides/google-tag-manager) para analizar los datos de navegación de la tienda.
\n - Posibilidad de aumentar el desempeño del sitio web de la tienda utilizando herramientas de [optimización de desempeño](https://developers.vtex.com/docs/guides/vtex-io-documentation-best-practices-for-optimizing-performance).
\n \n | \n \n \n - Posibilidad de configurar el módulo de Analytics nativo.
\n - Posibilidad de aumentar el desempeño del sitio web de la tienda utilizando herramientas tecnológicas.
\n \n | \n
\n \n | Sistema de gestión de contenido (CMS) | \n Compatible con [Site Editor](/es/docs/tutorials/site-editor-vision-general). | \n Compatible con [Headless CMS](https://www.faststore.dev/docs/headless-cms-overview). | \n
\n
\n\n## Fases de desarrollo\n\nAntes de lanzar la tienda en producción, y antes del [go-live](/es/docs/tracks/planificacion-del-go-live), enumera los ajustes esenciales y las características que deben incluirse en el storefront. Estas definiciones ayudan a establecer el Producto Mínimo Viable (PMV) para el storefront. En los siguientes temas se describen:\n\n- [Requisitos para un PMV de FastStore](#requisitos-para-un-pmv-de-faststore)\n- [Requisitos para un PMV de Store Framework](#requisitos-para-un-pmv-de-store-framework).\n\n> ℹ️ Las recomendaciones a continuación abordan configuraciones básicas de storefront. Dependiendo de la [arquitectura elegida](/es/docs/tracks/cuentas-y-arquitectura) para la operación de la tienda, pueden ser necesarias otras configuraciones.\n\n### Desarrollo con FastStore\n\nEl equipo de desarrollo debe iniciar un nuevo proyecto con FastStore a través del proceso de [Onboarding](https://www.faststore.dev/docs/getting-started/1-faststore-onboarding/overview). Al final de este proceso, el equipo tendrá una tienda básica y funcional basada en [FastStore Starter](https://starter.vtex.app/). Una vez hecho esto, ya se habrán implementado los requisitos básicos de la página:\n\n- Página de inicio\n- Página de lista de productos (PLP)\n- Página de detalles de producto (PDP)\n- Minicart\n\n\n\n#### Requisitos para un PMV de FastStore\n\nA continuación se presentan los requisitos de cada tema:\n\n- Catálogo\n - [Registrar productos y SKU](/es/docs/tutorials/agregar-o-editar-productos)\n - [Construir un árbol de categorías](/es/docs/tutorials/registrar-categoria) ([departamentos](/es/docs/tutorials/que-es-un-departamento), [categorías](/es/docs/tutorials/que-es-una-categoria) y [subcategorías](/es/docs/tutorials/que-es-una-subcategoria))\n - [Definir filtros y tipos de especificaciones por categoría](/es/docs/tutorials/crear-grupo-de-especificaciones-en-una-categoria)\n - [Registrar imágenes de los SKU](/es/docs/tutorials/agregar-o-editar-skus#imagenes)\n - [Registrar precios de los SKU](/es/docs/tracks/registrar-precio-base)\n - [Gestión del stock](/es/docs/tutorials/gestionar-items-en-inventario)\n- VTEX Intelligent Search\n - [Integrar la aplicación de Intelligent Search con la cuenta](https://www.faststore.dev/docs/getting-started-requirements#enable-the-vtex-intelligent-search-app-in-your-account)\n- Integración con Headless CMS\n - [Configurar Headless CMS en la cuenta](https://www.faststore.dev/docs/headless-cms-integration/1-configuring-the-vtex-account)\n - [Definir content types y las secciones que estarán disponibles](https://www.faststore.dev/docs/headless-cms-integration/2-setting-up-the-headless-cms)\n - Crear y editar páginas utilizando Headless CMS en el Admin VTEX\n- Página de inicio\n - Editar los componentes y estilos ya presentados en [Starter](https://starter.vtex.app/)\n- Página de inicio de sesión\n - [Integrar con VTEX Login](https://www.faststore.dev/docs/go-live/3-integrating-the-the-vtex-login)\n - Editar los componentes y estilos ya presentados en [Starter](https://starter.vtex.app/)\n- Página de lista de producto (PLP)\n - Editar los componentes y estilos ya presentados en [Starter](https://starter.vtex.app/office)\n- Página de detalles de producto (PDP)\n - Editar los componentes y estilos ya presentados en [Starter](https://starter.vtex.app/4k-philips-monitor-99988213/p)\n- Configuración de minicart\n - Editar los componentes y estilos ya presentados en [Starter](https://starter.vtex.app/)\n- Checkout\n - Integrar con [VTEX Checkout](https://www.faststore.dev/docs/go-live/4-integrating-the-vtex-checkout)\n - Integrar con [VTEX Order Placed y My Account](https://www.faststore.dev/docs/go-live/5-integrating-the-vtex-order-placed-and-my-account)\n- Logística\n - [Registrar muelle](/es/docs/tutorials/gestionar-el-muelle)\n - [Registrar estrategia de envío](/es/docs/tutorials/estrategia-de-envio)\n - [Relacionar la estrategia de envío y almacén con el muelle](/es/docs/tutorials/gestionar-el-muelle)\n- Pagos\n - [Configurar el proveedor Pagarés](/es/docs/tutorials/configurar-conector-pagares)\n - [Registrar proveedores de gateway](/es/docs/tutorials/afiliaciones-de-gateway)\n- Desempeño y SEO\n - Optimizar el desempeño del sitio web de la tienda utilizando herramientas [tecnológicas](https://v1.faststore.dev/how-to-guides/performance)\n- Métricas\n - Configurar o módulo [Analytics](https://v1.faststore.dev/reference/sdk/analytics)\n\n### Desarrollo con Store Framework\n\nEl equipo de desarrollo debe iniciar un nuevo proyecto con Store Framework clonando y [asociando](https://developers.vtex.com/docs/guides/vtex-io-documentation-linking-an-app) el [Store Theme](https://github.com/vtex-apps/store-theme) en un [workspace de desarrollo](https://developers.vtex.com/docs/guides/vtex-io-documentation-creating-a-development-workspace). Store Theme es una plantilla funcional básica para iniciar una tienda con componentes esenciales y páginas como:\n\n- Página de inicio\n- Página de lista de productos (PLP)\n- Página de detalles de producto (PDP)\n\n\n\n#### Requisitos para un PMV de Store Framework\n\nA continuación se presentan los requisitos para cada tema:\n\n- Catálogo\n - [Registrar productos y SKU](/es/docs/tutorials/agregar-o-editar-productos)\n - [Construir un árbol de categorías](/es/docs/tutorials/registrar-categoria) ([departamentos](/es/docs/tutorials/que-es-un-departamento), [categorías](/es/docs/tutorials/que-es-una-categoria) y [subcategorías](/es/docs/tutorials/que-es-una-subcategoria))\n - [Definir filtros y tipos de especificaciones por categoría](/es/docs/tutorials/crear-grupo-de-especificaciones-en-una-categoria)\n - [Registrar imágenes de los SKU](/es/docs/tutorials/agregar-o-editar-skus#imagenes)\n - [Registrar precios de los SKU](/es/docs/tracks/registrar-precio-base)\n - [Gestión del stock](/es/docs/tutorials/gestionar-items-en-inventario)\n- VTEX Intelligent Search\n - [Integrar la aplicación de Intelligent Search con la cuenta](https://www.faststore.dev/docs/getting-started-requirements#enable-the-vtex-intelligent-search-app-in-your-account)\n- Página de inicio\n - Editar los componentes y estilos ya presentados en [Starter](https://storetheme.vtex.com/)\n- Página de inicio de sesión\n - Integrar con VTEX Login\n - Editar los componentes y estilos ya presentados en [Starter](https://storetheme.vtex.com/)\n- Página de lista de producto (PLP)\n - Editar los componentes y estilos ya presentados en [Starter](https://storetheme.vtex.com/clothing?_q=clothing&map=ft)\n- Página de detalles de producto (PDP)\n - Editar los componentes y estilos ya presentados en [Starter](https://storetheme.vtex.com/ten-top-shirts/p)\n- Configuración de minicart\n - Editar los componentes y estilos ya presentados en [Starter](https://storetheme.vtex.com/)\n- Logística\n - [Registrar muelle](/es/docs/tutorials/gestionar-el-muelle)\n - [Registrar estrategia de envío](/es/docs/tutorials/estrategia-de-envio)\n - [Relacionar la estrategia de envío y almacén con el muelle](/es/docs/tutorials/gestionar-el-muelle)\n- Pagos\n - [Configurar el proveedor Pagarés](/es/docs/tutorials/configurar-conector-pagares)\n - [Registrar proveedores de gateway](/es/docs/tutorials/afiliaciones-de-gateway)\n- Desempeño y SEO\n - Optimizar el desempeño del sitio web de la tienda utilizando herramientas [tecnológicas](https://developers.vtex.com/docs/guides/vtex-io-documentation-best-practices-for-optimizing-performance)\n- Métricas\n - Configurar [Google Tag Manager](https://developers.vtex.com/docs/guides/google-tag-manager)"}