From d9d889b4baa4a2599fab78862741e46469c3e79e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?B=C3=A1rbara=20Celi?= <112641072+barbara-celi@users.noreply.github.com> Date: Thu, 5 Sep 2024 11:36:42 -0300 Subject: [PATCH 01/10] Creating getting-started-with-storefront-solutions.md --- ...tting-started-with-storefront-solutions.md | 92 +++++++++++++++++++ 1 file changed, 92 insertions(+) create mode 100644 docs/localization/getting-started-with-storefront-solutions.md diff --git a/docs/localization/getting-started-with-storefront-solutions.md b/docs/localization/getting-started-with-storefront-solutions.md new file mode 100644 index 0000000000..9fd939be7a --- /dev/null +++ b/docs/localization/getting-started-with-storefront-solutions.md @@ -0,0 +1,92 @@ +--- +title: "Getting started with storefront solutions" +slug: "getting-started-with-storefront-solutions" +hidden: false +excerpt: "Learn about the main differences between VTEX storefront solutions." +createdAt: "2024-05-20t12:59:27.687z" +updatedAt: "2024-09-05T14:35:24.197Z" +--- + +The VTEX platform offers three options for storefront development, each with distinct characteristics to meet the needs of our clients: + +- **FastStore:** Innovative technology that prioritizes performance and stability, offering operational teams an easily maintainable solution for editing store pages. +- **Store Framework:** Emphasizes a composable commerce model, allowing integration of VTEX IO apps for dynamic storefronts. +- **Legacy CMS Portal:** VTEX’s inaugural storefront technology, that relies on HTML, CSS, and JavaScript, with code management exclusively through the VTEX Admin. + +The following table outlines the main differences between VTEX’s FastStore, Store Framework, and Legacy CMS Portal. + +| | FastStore | Store Framework | Legacy CMS Portal | +| --- | --- | --- | --- | +| **Storefront development** | FastStore is built with a **performance** focus based on the JAMstack (JavaScript, API, and Markup) architecture.

The development is carried out through the integration of `npm` packages provided by VTEX and customizations via the extensibility of VTEX API core services. | Store Framework is based on **composability**, as its development is based on VTEX IO apps, allowing the combination of different content, services, and data. | The development is carried out through the Admin, using the [Legacy Content Management System (CMS)](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/6OCY6S9tqBXPD5mgpbBInC). | +| **Tech stack** | | | | +| **Starter (initial template)** | After completing the [FastStore Starter](https://starter.vtex.app/), you can access the [FastStore Onboarding](https://www.faststore.dev/docs/getting-started-overview). This allows you to kick off the project with a base template focused on performance. | The [Store Theme](https://github.com/vtex-apps/store-theme) is the initial template you can use to launch the storefront project or start from scratch. | The [Layout](https://help.vtex.com/es/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/1oN446gRGcR2s70RvBCAmj#layout) section allows you to create your storefront with HTML and CSS.

Inside it, you can find the standard [templates](https://help.vtex.com/en/tutorial/what-are-templates--4l7BQBYO9ycumsqua2CU88), which are files that contain the code of your website pages. | +| **CMS solution** | Integrated with the [Headless CMS](https://developers.vtex.com/docs/guides/faststore/headless-cms-overview). | Integrated with the [Site Editor](https://developers.vtex.com/docs/guides/vtex-io-documentation-site-editor). | The [Layout](https://help.vtex.com/en/tutorial/what-is-cms-layout--EmO8u2WBj2W4MUQCS8262) feature allows you to create your storefront with HTML and CSS. | +| **Deployment platform** | Store deployment through [FastStore WebOps](https://developers.vtex.com/docs/guides/faststore/1-onboarding-overview) and VTEX GitHub quality assurance bots. | Store deployment through [VTEX IO Platform](https://developers.vtex.com/docs/guides/vtex-io-documentation-what-is-vtex-io), using the [VTEX IO CLI](https://developers.vtex.com/docs/guides/vtex-io-documentation-vtex-io-cli-installation-and-command-reference). | Content updates are done directly through the CMS. | +| **Deployment environment** | Supports running a [local server](https://developers.vtex.com/docs/guides/faststore/getting-started-2-setting-up-the-project#step-2-running-a-local-server), which works as a development environment. Changes made in the local development server do not affect the live store. | Supports creating [development workspaces](https://developers.vtex.com/docs/guides/vtex-io-documentation-creating-a-development-workspace) and [production workspaces](https://developers.vtex.com/docs/guides/vtex-io-documentation-creating-a-production-workspace), allowing developers to deploy changes confidently, without affecting the live store. | Does not have a separate development environment. | +| **Apps Admin (Extension Hub)** | The VTEX IO backend apps can work on FastStore through [API Extension](https://developers.vtex.com/docs/guides/faststore/api-extensions-overview) tool. Frontend apps that manipulate React components are not available. | Allows installation and use. | Allows installation and use of some apps. | +| **Customizations** | Performance-focused: Enables customization through [Theming](https://developers.vtex.com/docs/guides/faststore/using-themes-overview), [Overrides](https://developers.vtex.com/docs/guides/faststore/overrides-overview), [API extensions](https://developers.vtex.com/docs/guides/faststore/api-extensions-overview), and [Dynamic Content](https://developers.vtex.com/docs/guides/faststore/dynamic-content-overview) features. | Composability-focused: Flexible and customizable through [VTEX IO apps](https://developers.vtex.com/docs/vtex-io-apps). | Customizations are limited and can be managed by creating, organizing, and editing the structure of folders, files, and components within the [Layout](https://help.vtex.com/es/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/1oN446gRGcR2s70RvBCAmj#layout) feature. | +| **Performance** | Maximum performance possible, as it uses [Jamstack](https://jamstack.org/), a framework focused on performance that serves pre-rendered content to a CDN. It is made dynamic through APIs and serverless functions.

Additionally, FastStore leverages [Partytown](https://partytown.builder.io/) for minimizing performance degradation caused by third-party scripts.

Built with performance as a core principle, FastStore not only optimizes speed but also provides clear visibility into performance metrics, ensuring transparency. | SSR (Server Side Rendering) features generate the complete HTML of a page on the server as a response to a page request, while SPA (Single Page Application) loads elements such as the header only once the page is loaded. | Outdated technologies make it challenging to maintain optimal performance, especially in scenarios demanding multiple customizations. | +| **Availability**

_It is possible to have both FastStore and Store Framework running simultaneously in your store, as the environments are totally different._ | General availability.

For information on unavailable features, see [Business models](#business-models) and [Features and Functionalities](#features-and-funcionalities) topics. | General availability. | No longer available to new stores starting with VTEX. | +| **Support**

_To learn more about our support, see our documentation [Responsibilities within the VTEX ecosystem](https://help.vtex.com/en/tutorial/responsabilidades-no-ecossistema-vtex--3vL9aWICDr3WR64DYi1fJ3)._ | Available for VTEX core commerce services, [FastStore packages](https://developers.vtex.com/docs/guides/faststore/docs-what-is-faststore), and troubleshooting code issues. | Available for VTEX core commerce services, VTEX IO native apps or components, and troubleshooting code issues. | Available for [VTEX core commerce services](https://developers.vtex.com/docs/guides/getting-started#vtex-core-services) and VTEX native [Controls](https://developers.vtex.com/docs/guides/list-of-controls-for-templates) and [Templates](https://help.vtex.com/en/tutorial/what-are-templates--4l7BQBYO9ycumsqua2CU88). | + +## Business models + +VTEX platform supports the configuration of different business models, such as Business-to-business (B2B), Marketplaces, Omnichannel, and Internationalization. See below the availability for each storefront technology. + +| | FastStore | Store Framework | Legacy CMS Portal | +| --- | :---: | :---: | :---: | +| [**B2B capabilities**](https://help.vtex.com/en/tutorial/b2b-overview--5vb9SNXhX2bZnkpAh7ADdC?&utm_source=autocomplete) | ❌ | ✅ | ❌ | +| [**Bindings**](https://help.vtex.com/en/tutorial/what-is-binding--4NcN3NJd0IeYccgWCI8O2W?&utm_source=autocomplete) | ❌ | ✅ | ✅ | +| [**Cross-border and multi-language stores**](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/5qgXy9Erm7FDP3UB5Ox8Bs) | ❌ | ✅ | ❌ | +| [**Franchise accounts**](https://help.vtex.com/en/tutorial/what-is-a-franchise-account--kWQC6RkFSCUFGgY5gSjdl) | ✅ | ✅ | ✅ | +| [**Marketplace capabilities**](https://help.vtex.com/en/tutorial/marketplace-strategies-at-vtex--tutorials_402) | ✅ | ✅ | ✅ | +| [**Multiple trade policies**](https://help.vtex.com/en/tutorial/how-trade-policies-work--6Xef8PZiFm40kg2STrMkMV) | ✅ | ✅ | ✅ | +| [**Regionalization**](https://developers.vtex.com/docs/guides/faststore/features-regionalization) | ✅ | ✅ | ❌ | + +## Features and functionalities + +Below, explore the features and functionalities available for each storefront technology. Consider the following legend: + +✅ **Available:** It is an out-of-the-box feature, ready to use. +⚠️** Limited:** The feature is possible but needs custom implementation. +❌ **Not available:** At the moment, it is not possible to use this feature even with customizations. + +### Advanced store functionalities + +| | FastStore | Store Framework | Legacy CMS Portal | +| --- | :---: | :---: | :---: | +| [**Abandoned Cart**](https://help.vtex.com/en/tutorial/setting-up-abandoned-carts--tutorials_740) | ⚠️ | ✅ | ✅ | +| [**Attachments**](https://help.vtex.com/en/tutorial/what-is-an-attachment--aGICk0RVbqKg6GYmQcWUm) | ✅ | ✅ | ✅ | +| [**Coupons**](https://help.vtex.com/en/tutorial/coupons-beta--1aAEN3ADpz19ss5JCIEBdL) | ✅ | ✅ | ✅ | +| [**Gift Card**](https://developers.vtex.com/docs/guides/gift-card-integration-guide) **integration** | ✅ | ✅ | ✅ | +| [**GTM - Google Analytics 4**](https://help.vtex.com/en/tutorial/how-to-setup-google-analytics-in-vtex-store--G2P0rmSrEiqCcmUMyUUwG) | ✅ | ✅ | ✅ | +| [**Master Data**](https://developers.vtex.com/docs/guides/master-data-introduction) **integration** | ⚠️ | ✅ | ✅ | +| [**Newsletter integration with Master Data**](https://developers.vtex.com/docs/guides/newsletter-inclusion-master-data-v1) | ✅ | ✅ | ✅ | +| [**Price table**](https://help.vtex.com/en/tutorial/creating-price-tables--58YmY2Iwggyw4WeSCGg24S) | ✅ | ✅ | ✅ | +| [**Promotions**](https://help.vtex.com/en/tutorial/creating-promotions--tutorials_320) | ✅ | ✅ | ✅ | +| [**SmartCheckout**](https://help.vtex.com/en/tutorial/smartcheckout-customer-information-automatic-fill-in--2Nuu3xAFzdhIzJIldAdtan) | ✅ | ✅ | ✅ | +| [**Sitemap**](https://help.vtex.com/en/tutorial/rastreamento-google-search-console-sitemap--tutorials_575) **integration** | ✅ | ✅ | ✅ | +| [**Subscription**](https://help.vtex.com/en/tutorial/how-subscriptions-work--frequentlyAskedQuestions_4453) | ✅ | ✅ | ✅ | +| **Support to** [**VTEX IO frontend apps**](https://developers.vtex.com/docs/guides/vtex-io-documentation-1-developing-storefront-apps-using-react-and-vtex-io) | ❌ | ✅ | ❌ | + +### VTEX IO Apps + +| | FastStore | Store Framework | Legacy CMS Portal | +| --- | :---: | :---: | :---: | +| [**Assembly options**](https://help.vtex.com/en/tutorial/assembly-options--5x5FhNr4f5RUGDEGWzV1nH?&utm_source=autocomplete) | ⚠️ | ✅ | ❌ | +| [**Intelligent Search**](https://help.vtex.com/tracks/vtex-intelligent-search) **integration** | ✅ | ✅ | ❌ | +| [**Live Shopping**](https://developers.vtex.com/docs/apps/vtexventures.livestreaming) | ⚠️ | ✅ | ✅ | +| [**Rating & Reviews**](https://developers.vtex.com/docs/apps/vtex.reviews-and-ratings) | ⚠️ | ✅ | ❌ | +| [**Store Locator**](https://developers.vtex.com/docs/apps/vtex.store-locator) | ⚠️ | ✅ | ❌ | +| [**Wishlist**](https://developers.vtex.com/docs/apps/vtex.wish-list) | ⚠️ | ✅ | ❌ | + +### Development experience + +| | FastStore | Store Framework | Legacy CMS Portal | +| --- | :---: | :---: | :---: | +| **API integration** | ✅

[FastStore APIs](https://developers.vtex.com/docs/guides/faststore/faststore-api-overview) | ✅

[API reference]([https://developers.vtex.com/docs/api-reference) | ✅

[API reference](https://developers.vtex.com/docs/api-reference) | +| **Automatic storefront updates** | ✅ | ✅ | ❌ | +| **Command Line Interface (CLI)** | ✅ | ✅ | ❌ | +| **GitHub WebOps workflow** | ✅ | ❌ | ❌ | + +Learn more at [Developer experience](https://developers.vtex.com/docs/guides/developer-experience). From 87a1e6d4ad5830013c490e8ee17519d1bc73f053 Mon Sep 17 00:00:00 2001 From: "George B. de Lima" <106821144+GeorgeLimaDev@users.noreply.github.com> Date: Thu, 12 Sep 2024 09:46:15 -1100 Subject: [PATCH 02/10] New translations getting-started-with-storefront-solutions.md (English, United States) --- ...tting-started-with-storefront-solutions.md | 134 +++++++++--------- 1 file changed, 67 insertions(+), 67 deletions(-) diff --git a/docs/localization/getting-started-with-storefront-solutions.md b/docs/localization/getting-started-with-storefront-solutions.md index 9fd939be7a..062c18492b 100644 --- a/docs/localization/getting-started-with-storefront-solutions.md +++ b/docs/localization/getting-started-with-storefront-solutions.md @@ -1,92 +1,92 @@ --- -title: "Getting started with storefront solutions" -slug: "getting-started-with-storefront-solutions" +title: Getting started with storefront solutions +slug: getting-started-with-storefront-solutions hidden: false -excerpt: "Learn about the main differences between VTEX storefront solutions." -createdAt: "2024-05-20t12:59:27.687z" -updatedAt: "2024-09-05T14:35:24.197Z" +excerpt: Learn about the main differences between VTEX storefront solutions. +createdAt: 2024-05-20t12:59:27.687z +updatedAt: 2024-09-05T14:35:24.197Z --- -The VTEX platform offers three options for storefront development, each with distinct characteristics to meet the needs of our clients: +The VTEX platform provides three options for storefront development, each with distinct characteristics to meet the needs of our clients: - **FastStore:** Innovative technology that prioritizes performance and stability, offering operational teams an easily maintainable solution for editing store pages. -- **Store Framework:** Emphasizes a composable commerce model, allowing integration of VTEX IO apps for dynamic storefronts. -- **Legacy CMS Portal:** VTEX’s inaugural storefront technology, that relies on HTML, CSS, and JavaScript, with code management exclusively through the VTEX Admin. - -The following table outlines the main differences between VTEX’s FastStore, Store Framework, and Legacy CMS Portal. - -| | FastStore | Store Framework | Legacy CMS Portal | -| --- | --- | --- | --- | -| **Storefront development** | FastStore is built with a **performance** focus based on the JAMstack (JavaScript, API, and Markup) architecture.

The development is carried out through the integration of `npm` packages provided by VTEX and customizations via the extensibility of VTEX API core services. | Store Framework is based on **composability**, as its development is based on VTEX IO apps, allowing the combination of different content, services, and data. | The development is carried out through the Admin, using the [Legacy Content Management System (CMS)](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/6OCY6S9tqBXPD5mgpbBInC). | -| **Tech stack** | | | | -| **Starter (initial template)** | After completing the [FastStore Starter](https://starter.vtex.app/), you can access the [FastStore Onboarding](https://www.faststore.dev/docs/getting-started-overview). This allows you to kick off the project with a base template focused on performance. | The [Store Theme](https://github.com/vtex-apps/store-theme) is the initial template you can use to launch the storefront project or start from scratch. | The [Layout](https://help.vtex.com/es/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/1oN446gRGcR2s70RvBCAmj#layout) section allows you to create your storefront with HTML and CSS.

Inside it, you can find the standard [templates](https://help.vtex.com/en/tutorial/what-are-templates--4l7BQBYO9ycumsqua2CU88), which are files that contain the code of your website pages. | -| **CMS solution** | Integrated with the [Headless CMS](https://developers.vtex.com/docs/guides/faststore/headless-cms-overview). | Integrated with the [Site Editor](https://developers.vtex.com/docs/guides/vtex-io-documentation-site-editor). | The [Layout](https://help.vtex.com/en/tutorial/what-is-cms-layout--EmO8u2WBj2W4MUQCS8262) feature allows you to create your storefront with HTML and CSS. | -| **Deployment platform** | Store deployment through [FastStore WebOps](https://developers.vtex.com/docs/guides/faststore/1-onboarding-overview) and VTEX GitHub quality assurance bots. | Store deployment through [VTEX IO Platform](https://developers.vtex.com/docs/guides/vtex-io-documentation-what-is-vtex-io), using the [VTEX IO CLI](https://developers.vtex.com/docs/guides/vtex-io-documentation-vtex-io-cli-installation-and-command-reference). | Content updates are done directly through the CMS. | -| **Deployment environment** | Supports running a [local server](https://developers.vtex.com/docs/guides/faststore/getting-started-2-setting-up-the-project#step-2-running-a-local-server), which works as a development environment. Changes made in the local development server do not affect the live store. | Supports creating [development workspaces](https://developers.vtex.com/docs/guides/vtex-io-documentation-creating-a-development-workspace) and [production workspaces](https://developers.vtex.com/docs/guides/vtex-io-documentation-creating-a-production-workspace), allowing developers to deploy changes confidently, without affecting the live store. | Does not have a separate development environment. | -| **Apps Admin (Extension Hub)** | The VTEX IO backend apps can work on FastStore through [API Extension](https://developers.vtex.com/docs/guides/faststore/api-extensions-overview) tool. Frontend apps that manipulate React components are not available. | Allows installation and use. | Allows installation and use of some apps. | -| **Customizations** | Performance-focused: Enables customization through [Theming](https://developers.vtex.com/docs/guides/faststore/using-themes-overview), [Overrides](https://developers.vtex.com/docs/guides/faststore/overrides-overview), [API extensions](https://developers.vtex.com/docs/guides/faststore/api-extensions-overview), and [Dynamic Content](https://developers.vtex.com/docs/guides/faststore/dynamic-content-overview) features. | Composability-focused: Flexible and customizable through [VTEX IO apps](https://developers.vtex.com/docs/vtex-io-apps). | Customizations are limited and can be managed by creating, organizing, and editing the structure of folders, files, and components within the [Layout](https://help.vtex.com/es/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/1oN446gRGcR2s70RvBCAmj#layout) feature. | -| **Performance** | Maximum performance possible, as it uses [Jamstack](https://jamstack.org/), a framework focused on performance that serves pre-rendered content to a CDN. It is made dynamic through APIs and serverless functions.

Additionally, FastStore leverages [Partytown](https://partytown.builder.io/) for minimizing performance degradation caused by third-party scripts.

Built with performance as a core principle, FastStore not only optimizes speed but also provides clear visibility into performance metrics, ensuring transparency. | SSR (Server Side Rendering) features generate the complete HTML of a page on the server as a response to a page request, while SPA (Single Page Application) loads elements such as the header only once the page is loaded. | Outdated technologies make it challenging to maintain optimal performance, especially in scenarios demanding multiple customizations. | -| **Availability**

_It is possible to have both FastStore and Store Framework running simultaneously in your store, as the environments are totally different._ | General availability.

For information on unavailable features, see [Business models](#business-models) and [Features and Functionalities](#features-and-funcionalities) topics. | General availability. | No longer available to new stores starting with VTEX. | -| **Support**

_To learn more about our support, see our documentation [Responsibilities within the VTEX ecosystem](https://help.vtex.com/en/tutorial/responsabilidades-no-ecossistema-vtex--3vL9aWICDr3WR64DYi1fJ3)._ | Available for VTEX core commerce services, [FastStore packages](https://developers.vtex.com/docs/guides/faststore/docs-what-is-faststore), and troubleshooting code issues. | Available for VTEX core commerce services, VTEX IO native apps or components, and troubleshooting code issues. | Available for [VTEX core commerce services](https://developers.vtex.com/docs/guides/getting-started#vtex-core-services) and VTEX native [Controls](https://developers.vtex.com/docs/guides/list-of-controls-for-templates) and [Templates](https://help.vtex.com/en/tutorial/what-are-templates--4l7BQBYO9ycumsqua2CU88). | +- **Store Framework:** Emphasizes a composable commerce model, allowing the integration of VTEX IO apps for dynamic storefronts. +- **Legacy CMS Portal:** VTEX’s first storefront technology that relies on HTML, CSS, and JavaScript, with code management exclusively through the VTEX Admin. + +The following table outlines the main differences between VTEX FastStore, Store Framework, and Legacy CMS Portal. + +| | FastStore | Store Framework | Legacy CMS Portal | +| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| **Storefront development** | FastStore is built with a **performance** focus based on the Jamstack (JavaScript, API, and Markup) architecture.

Development is done through the integration of `npm` packages provided by VTEX and customizations via the extensibility of VTEX API core services. | Store Framework is based on **composability**, as development is based on VTEX IO apps, allowing the combination of different content, services, and data. | Development is done through the Admin, using the [Legacy Content Management System (CMS)](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/6OCY6S9tqBXPD5mgpbBInC). | +| **Tech stack** | | | | +| **Starter (initial template)** | After completing the [FastStore Starter](https://starter.vtex.app/), you can access [FastStore Onboarding](https://www.faststore.dev/docs/getting-started-overview). This allows you to kick off the project with a base template focused on performance. | [Store Theme](https://github.com/vtex-apps/store-theme) is the initial template you can use to launch the storefront project or start from scratch. | The [Layout](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/1oN446gRGcR2s70RvBCAmj#layout) section allows you to create your storefront with HTML and CSS.

In it, you can find the standard [templates](https://help.vtex.com/en/tutorial/what-are-templates--4l7BQBYO9ycumsqua2CU88), which are files that contain the code of your website pages. | +| **CMS solution** | Integrated with [Headless CMS](https://developers.vtex.com/docs/guides/faststore/headless-cms-overview). | Integrated with [Site Editor](https://developers.vtex.com/docs/guides/vtex-io-documentation-site-editor). | The [Layout](https://help.vtex.com/en/tutorial/what-is-cms-layout--EmO8u2WBj2W4MUQCS8262) feature allows you to create your storefront with HTML and CSS. | +| **Deployment platform** | Store deployment through [FastStore WebOps](https://developers.vtex.com/docs/guides/faststore/1-onboarding-overview) and VTEX GitHub quality assurance bots. | Store deployment through the [VTEX IO platform](https://developers.vtex.com/docs/guides/vtex-io-documentation-what-is-vtex-io) using the [VTEX IO CLI](https://developers.vtex.com/docs/guides/vtex-io-documentation-vtex-io-cli-installation-and-command-reference). | Content updates are done directly through the CMS. | +| **Deployment environment** | Supports running a [local server](https://developers.vtex.com/docs/guides/faststore/getting-started-2-setting-up-the-project#step-2-running-a-local-server), which works as a development environment. Changes made in the local development server do not impact the live store. | Supports creating [development workspaces](https://developers.vtex.com/docs/guides/vtex-io-documentation-creating-a-development-workspace) and [production workspaces](https://developers.vtex.com/docs/guides/vtex-io-documentation-creating-a-production-workspace), allowing developers to deploy changes confidently, without affecting the live store. | Does not have a separate development environment. | +| **Admin Apps (Extensions Hub)** | The VTEX IO backend apps can work on FastStore through the [API Extensions](https://developers.vtex.com/docs/guides/faststore/api-extensions-overview) tool. Frontend apps that manipulate React components are not available. | Allows installation and use. | Allows installation and use of some apps. | +| **Customizations** | Performance-focused: Allows customization through [Theming](https://developers.vtex.com/docs/guides/faststore/using-themes-overview), [Overrides](https://developers.vtex.com/docs/guides/faststore/overrides-overview), [API extensions](https://developers.vtex.com/docs/guides/faststore/api-extensions-overview), and [Dynamic Content](https://developers.vtex.com/docs/guides/faststore/dynamic-content-overview) features. | Composability-focused: Flexible and customizable through [VTEX IO apps](https://developers.vtex.com/docs/vtex-io-apps). | Customizations are limited and can be managed by creating, organizing, and editing the structure of folders, files, and components within the [Layout](https://help.vtex.com/es/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/1oN446gRGcR2s70RvBCAmj#layout) feature. | +| **Performance** | Maximum performance possible, as it uses [Jamstack](https://jamstack.org/), a framework focused on performance that serves pre-rendered content to a CDN. It is made dynamic through APIs and serverless functions.

Additionally, FastStore leverages [Partytown](https://partytown.builder.io/) for minimizing performance degradation caused by third-party scripts.

Built with performance as a core principle, FastStore not only optimizes speed but also provides clear visibility into performance metrics, ensuring transparency. | SSR (Server-Side Rendering) features generate the complete HTML of a page on the server as a response to a page request, while SPA (Single-Page Application) loads elements such as the header only once the page is loaded. | Outdated technologies make it challenging to maintain optimal performance, especially in scenarios demanding multiple customizations. | +| **Availability**

_You can have both FastStore and Store Framework running simultaneously in your store, as the environments are completely different._ | General availability.

For information on unavailable features, check the [Business models](#business-models) and [Features and Functionalities](#features-and-funcionalities) sections. | General availability. | No longer available to new stores starting to use VTEX. | +| **Support**

_To learn more about our support, see our documentation [Responsibilities within the VTEX ecosystem](https://help.vtex.com/en/tutorial/responsabilidades-no-ecossistema-vtex--3vL9aWICDr3WR64DYi1fJ3)._ | Available for VTEX core commerce services, [FastStore packages](https://developers.vtex.com/docs/guides/faststore/docs-what-is-faststore), and troubleshooting code issues. | Available for VTEX core commerce services, VTEX IO native apps or components, and troubleshooting code issues. | Available for [VTEX core commerce services](https://developers.vtex.com/docs/guides/getting-started#vtex-core-services), and VTEX native [Controls](https://developers.vtex.com/docs/guides/list-of-controls-for-templates) and [Templates](https://help.vtex.com/en/tutorial/what-are-templates--4l7BQBYO9ycumsqua2CU88). | ## Business models -VTEX platform supports the configuration of different business models, such as Business-to-business (B2B), Marketplaces, Omnichannel, and Internationalization. See below the availability for each storefront technology. +The VTEX platform supports the configuration of different business models, such as business-to-business (B2B), marketplaces, omnichannel, and internationalization. See below the availability for each storefront technology. -| | FastStore | Store Framework | Legacy CMS Portal | -| --- | :---: | :---: | :---: | -| [**B2B capabilities**](https://help.vtex.com/en/tutorial/b2b-overview--5vb9SNXhX2bZnkpAh7ADdC?&utm_source=autocomplete) | ❌ | ✅ | ❌ | -| [**Bindings**](https://help.vtex.com/en/tutorial/what-is-binding--4NcN3NJd0IeYccgWCI8O2W?&utm_source=autocomplete) | ❌ | ✅ | ✅ | -| [**Cross-border and multi-language stores**](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/5qgXy9Erm7FDP3UB5Ox8Bs) | ❌ | ✅ | ❌ | -| [**Franchise accounts**](https://help.vtex.com/en/tutorial/what-is-a-franchise-account--kWQC6RkFSCUFGgY5gSjdl) | ✅ | ✅ | ✅ | -| [**Marketplace capabilities**](https://help.vtex.com/en/tutorial/marketplace-strategies-at-vtex--tutorials_402) | ✅ | ✅ | ✅ | -| [**Multiple trade policies**](https://help.vtex.com/en/tutorial/how-trade-policies-work--6Xef8PZiFm40kg2STrMkMV) | ✅ | ✅ | ✅ | -| [**Regionalization**](https://developers.vtex.com/docs/guides/faststore/features-regionalization) | ✅ | ✅ | ❌ | +| | FastStore | Store Framework | Legacy CMS Portal | +| -------------------------------------------------------------------------------------------------------------------------------- | :-------: | :-------------: | :---------------: | +| [**B2B capabilities**](https://help.vtex.com/en/tutorial/b2b-overview--5vb9SNXhX2bZnkpAh7ADdC?\&utm_source=autocomplete) | ❌ | ✅ | ❌ | +| [**Bindings**](https://help.vtex.com/en/tutorial/what-is-binding--4NcN3NJd0IeYccgWCI8O2W?\&utm_source=autocomplete) | ❌ | ✅ | ✅ | +| [**Cross-border and multi-language stores**](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/5qgXy9Erm7FDP3UB5Ox8Bs) | ❌ | ✅ | ❌ | +| [**Franchise accounts**](https://help.vtex.com/en/tutorial/what-is-a-franchise-account--kWQC6RkFSCUFGgY5gSjdl) | ✅ | ✅ | ✅ | +| [**Marketplace capabilities**](https://help.vtex.com/en/tutorial/marketplace-strategies-at-vtex--tutorials_402) | ✅ | ✅ | ✅ | +| [**Multiple trade policies**](https://help.vtex.com/en/tutorial/how-trade-policies-work--6Xef8PZiFm40kg2STrMkMV) | ✅ | ✅ | ✅ | +| [**Regionalization**](https://developers.vtex.com/docs/guides/faststore/features-regionalization) | ✅ | ✅ | ❌ | ## Features and functionalities Below, explore the features and functionalities available for each storefront technology. Consider the following legend: -✅ **Available:** It is an out-of-the-box feature, ready to use. -⚠️** Limited:** The feature is possible but needs custom implementation. -❌ **Not available:** At the moment, it is not possible to use this feature even with customizations. +✅ **Available:** An out-of-the-box feature, ready to use. +⚠️\*\* Limited:\*\* The feature is possible but needs custom implementation. +❌ **Not available:** This feature is currently unavailable, even with customizations. ### Advanced store functionalities -| | FastStore | Store Framework | Legacy CMS Portal | -| --- | :---: | :---: | :---: | -| [**Abandoned Cart**](https://help.vtex.com/en/tutorial/setting-up-abandoned-carts--tutorials_740) | ⚠️ | ✅ | ✅ | -| [**Attachments**](https://help.vtex.com/en/tutorial/what-is-an-attachment--aGICk0RVbqKg6GYmQcWUm) | ✅ | ✅ | ✅ | -| [**Coupons**](https://help.vtex.com/en/tutorial/coupons-beta--1aAEN3ADpz19ss5JCIEBdL) | ✅ | ✅ | ✅ | -| [**Gift Card**](https://developers.vtex.com/docs/guides/gift-card-integration-guide) **integration** | ✅ | ✅ | ✅ | -| [**GTM - Google Analytics 4**](https://help.vtex.com/en/tutorial/how-to-setup-google-analytics-in-vtex-store--G2P0rmSrEiqCcmUMyUUwG) | ✅ | ✅ | ✅ | -| [**Master Data**](https://developers.vtex.com/docs/guides/master-data-introduction) **integration** | ⚠️ | ✅ | ✅ | -| [**Newsletter integration with Master Data**](https://developers.vtex.com/docs/guides/newsletter-inclusion-master-data-v1) | ✅ | ✅ | ✅ | -| [**Price table**](https://help.vtex.com/en/tutorial/creating-price-tables--58YmY2Iwggyw4WeSCGg24S) | ✅ | ✅ | ✅ | -| [**Promotions**](https://help.vtex.com/en/tutorial/creating-promotions--tutorials_320) | ✅ | ✅ | ✅ | -| [**SmartCheckout**](https://help.vtex.com/en/tutorial/smartcheckout-customer-information-automatic-fill-in--2Nuu3xAFzdhIzJIldAdtan) | ✅ | ✅ | ✅ | -| [**Sitemap**](https://help.vtex.com/en/tutorial/rastreamento-google-search-console-sitemap--tutorials_575) **integration** | ✅ | ✅ | ✅ | -| [**Subscription**](https://help.vtex.com/en/tutorial/how-subscriptions-work--frequentlyAskedQuestions_4453) | ✅ | ✅ | ✅ | -| **Support to** [**VTEX IO frontend apps**](https://developers.vtex.com/docs/guides/vtex-io-documentation-1-developing-storefront-apps-using-react-and-vtex-io) | ❌ | ✅ | ❌ | +| | FastStore | Store Framework | Legacy CMS Portal | +| --------------------------------------------------------------------------------------------------------------------------------------------------------------- | :-------: | :-------------: | :---------------: | +| [**Abandoned Cart**](https://help.vtex.com/en/tutorial/setting-up-abandoned-carts--tutorials_740) | ⚠️ | ✅ | ✅ | +| [**Attachments**](https://help.vtex.com/en/tutorial/what-is-an-attachment--aGICk0RVbqKg6GYmQcWUm) | ✅ | ✅ | ✅ | +| [**Coupons**](https://help.vtex.com/en/tutorial/coupons-beta--1aAEN3ADpz19ss5JCIEBdL) | ✅ | ✅ | ✅ | +| [**Gift Card**](https://developers.vtex.com/docs/guides/gift-card-integration-guide) **integration** | ✅ | ✅ | ✅ | +| [**GTM - Google Analytics 4**](https://help.vtex.com/en/tutorial/how-to-setup-google-analytics-in-vtex-store--G2P0rmSrEiqCcmUMyUUwG) | ✅ | ✅ | ✅ | +| [**Master Data**](https://developers.vtex.com/docs/guides/master-data-introduction) **integration** | ⚠️ | ✅ | ✅ | +| [**Newsletter integration with Master Data**](https://developers.vtex.com/docs/guides/newsletter-inclusion-master-data-v1) | ✅ | ✅ | ✅ | +| [**Price table**](https://help.vtex.com/en/tutorial/creating-price-tables--58YmY2Iwggyw4WeSCGg24S) | ✅ | ✅ | ✅ | +| [**Promotions**](https://help.vtex.com/en/tutorial/creating-promotions--tutorials_320) | ✅ | ✅ | ✅ | +| [**SmartCheckout**](https://help.vtex.com/en/tutorial/smartcheckout-customer-information-automatic-fill-in--2Nuu3xAFzdhIzJIldAdtan) | ✅ | ✅ | ✅ | +| [**Sitemap**](https://help.vtex.com/en/tutorial/rastreamento-google-search-console-sitemap--tutorials_575) **integration** | ✅ | ✅ | ✅ | +| [**Subscription**](https://help.vtex.com/en/tutorial/how-subscriptions-work--frequentlyAskedQuestions_4453) | ✅ | ✅ | ✅ | +| **Support for** [**VTEX IO frontend apps**](https://developers.vtex.com/docs/guides/vtex-io-documentation-1-developing-storefront-apps-using-react-and-vtex-io) | ❌ | ✅ | ❌ | ### VTEX IO Apps -| | FastStore | Store Framework | Legacy CMS Portal | -| --- | :---: | :---: | :---: | -| [**Assembly options**](https://help.vtex.com/en/tutorial/assembly-options--5x5FhNr4f5RUGDEGWzV1nH?&utm_source=autocomplete) | ⚠️ | ✅ | ❌ | -| [**Intelligent Search**](https://help.vtex.com/tracks/vtex-intelligent-search) **integration** | ✅ | ✅ | ❌ | -| [**Live Shopping**](https://developers.vtex.com/docs/apps/vtexventures.livestreaming) | ⚠️ | ✅ | ✅ | -| [**Rating & Reviews**](https://developers.vtex.com/docs/apps/vtex.reviews-and-ratings) | ⚠️ | ✅ | ❌ | -| [**Store Locator**](https://developers.vtex.com/docs/apps/vtex.store-locator) | ⚠️ | ✅ | ❌ | -| [**Wishlist**](https://developers.vtex.com/docs/apps/vtex.wish-list) | ⚠️ | ✅ | ❌ | +| | FastStore | Store Framework | Legacy CMS Portal | +| ---------------------------------------------------------------------------------------------------------------------------- | :-------: | :-------------: | :---------------: | +| [**Assembly options**](https://help.vtex.com/en/tutorial/assembly-options--5x5FhNr4f5RUGDEGWzV1nH?\&utm_source=autocomplete) | ⚠️ | ✅ | ❌ | +| [**Intelligent Search**](https://help.vtex.com/tracks/vtex-intelligent-search) **integration** | ✅ | ✅ | ❌ | +| [**Live Shopping**](https://developers.vtex.com/docs/apps/vtexventures.livestreaming) | ⚠️ | ✅ | ✅ | +| [**Reviews & Ratings**](https://developers.vtex.com/docs/apps/vtex.reviews-and-ratings) | ⚠️ | ✅ | ❌ | +| [**Store Locator**](https://developers.vtex.com/docs/apps/vtex.store-locator) | ⚠️ | ✅ | ❌ | +| [**Wishlist**](https://developers.vtex.com/docs/apps/vtex.wish-list) | ⚠️ | ✅ | ❌ | ### Development experience -| | FastStore | Store Framework | Legacy CMS Portal | -| --- | :---: | :---: | :---: | -| **API integration** | ✅

[FastStore APIs](https://developers.vtex.com/docs/guides/faststore/faststore-api-overview) | ✅

[API reference]([https://developers.vtex.com/docs/api-reference) | ✅

[API reference](https://developers.vtex.com/docs/api-reference) | -| **Automatic storefront updates** | ✅ | ✅ | ❌ | -| **Command Line Interface (CLI)** | ✅ | ✅ | ❌ | -| **GitHub WebOps workflow** | ✅ | ❌ | ❌ | +| | FastStore | Store Framework | Legacy CMS Portal | +| --------------------------------------------------- | :-------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------: | :----------------------------------------------------------------------: | +| **API integration** | ✅

[FastStore APIs](https://developers.vtex.com/docs/guides/faststore/faststore-api-overview) | ✅

[API reference](\[https://developers.vtex.com/docs/api-reference) | ✅

[API reference](https://developers.vtex.com/docs/api-reference) | +| **Automatic storefront updates** | ✅ | ✅ | ❌ | +| **Command Line Interface (CLI)** | ✅ | ✅ | ❌ | +| **GitHub WebOps workflow** | ✅ | ❌ | ❌ | -Learn more at [Developer experience](https://developers.vtex.com/docs/guides/developer-experience). +Learn more in [Developer experience](https://developers.vtex.com/docs/guides/developer-experience). From 1c275a132c3b5520920ff710a6f1c6f7c571f931 Mon Sep 17 00:00:00 2001 From: georgelimadev Date: Thu, 12 Sep 2024 18:13:34 -0300 Subject: [PATCH 03/10] WIP: Fix formatting --- ...tting-started-with-storefront-solutions.md | 114 +++++++++--------- 1 file changed, 57 insertions(+), 57 deletions(-) diff --git a/docs/localization/getting-started-with-storefront-solutions.md b/docs/localization/getting-started-with-storefront-solutions.md index 062c18492b..42543702c4 100644 --- a/docs/localization/getting-started-with-storefront-solutions.md +++ b/docs/localization/getting-started-with-storefront-solutions.md @@ -1,10 +1,10 @@ --- -title: Getting started with storefront solutions -slug: getting-started-with-storefront-solutions +title: "Getting started with storefront solutions" +slug: "getting-started-with-storefront-solutions" hidden: false -excerpt: Learn about the main differences between VTEX storefront solutions. -createdAt: 2024-05-20t12:59:27.687z -updatedAt: 2024-09-05T14:35:24.197Z +excerpt: "Learn about the main differences between VTEX storefront solutions." +createdAt: "2024-05-20t12:59:27.687z" +updatedAt: "2024-09-05T14:35:24.197Z" --- The VTEX platform provides three options for storefront development, each with distinct characteristics to meet the needs of our clients: @@ -15,78 +15,78 @@ The VTEX platform provides three options for storefront development, each with d The following table outlines the main differences between VTEX FastStore, Store Framework, and Legacy CMS Portal. -| | FastStore | Store Framework | Legacy CMS Portal | -| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| **Storefront development** | FastStore is built with a **performance** focus based on the Jamstack (JavaScript, API, and Markup) architecture.

Development is done through the integration of `npm` packages provided by VTEX and customizations via the extensibility of VTEX API core services. | Store Framework is based on **composability**, as development is based on VTEX IO apps, allowing the combination of different content, services, and data. | Development is done through the Admin, using the [Legacy Content Management System (CMS)](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/6OCY6S9tqBXPD5mgpbBInC). | -| **Tech stack** | | | | -| **Starter (initial template)** | After completing the [FastStore Starter](https://starter.vtex.app/), you can access [FastStore Onboarding](https://www.faststore.dev/docs/getting-started-overview). This allows you to kick off the project with a base template focused on performance. | [Store Theme](https://github.com/vtex-apps/store-theme) is the initial template you can use to launch the storefront project or start from scratch. | The [Layout](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/1oN446gRGcR2s70RvBCAmj#layout) section allows you to create your storefront with HTML and CSS.

In it, you can find the standard [templates](https://help.vtex.com/en/tutorial/what-are-templates--4l7BQBYO9ycumsqua2CU88), which are files that contain the code of your website pages. | -| **CMS solution** | Integrated with [Headless CMS](https://developers.vtex.com/docs/guides/faststore/headless-cms-overview). | Integrated with [Site Editor](https://developers.vtex.com/docs/guides/vtex-io-documentation-site-editor). | The [Layout](https://help.vtex.com/en/tutorial/what-is-cms-layout--EmO8u2WBj2W4MUQCS8262) feature allows you to create your storefront with HTML and CSS. | -| **Deployment platform** | Store deployment through [FastStore WebOps](https://developers.vtex.com/docs/guides/faststore/1-onboarding-overview) and VTEX GitHub quality assurance bots. | Store deployment through the [VTEX IO platform](https://developers.vtex.com/docs/guides/vtex-io-documentation-what-is-vtex-io) using the [VTEX IO CLI](https://developers.vtex.com/docs/guides/vtex-io-documentation-vtex-io-cli-installation-and-command-reference). | Content updates are done directly through the CMS. | -| **Deployment environment** | Supports running a [local server](https://developers.vtex.com/docs/guides/faststore/getting-started-2-setting-up-the-project#step-2-running-a-local-server), which works as a development environment. Changes made in the local development server do not impact the live store. | Supports creating [development workspaces](https://developers.vtex.com/docs/guides/vtex-io-documentation-creating-a-development-workspace) and [production workspaces](https://developers.vtex.com/docs/guides/vtex-io-documentation-creating-a-production-workspace), allowing developers to deploy changes confidently, without affecting the live store. | Does not have a separate development environment. | -| **Admin Apps (Extensions Hub)** | The VTEX IO backend apps can work on FastStore through the [API Extensions](https://developers.vtex.com/docs/guides/faststore/api-extensions-overview) tool. Frontend apps that manipulate React components are not available. | Allows installation and use. | Allows installation and use of some apps. | -| **Customizations** | Performance-focused: Allows customization through [Theming](https://developers.vtex.com/docs/guides/faststore/using-themes-overview), [Overrides](https://developers.vtex.com/docs/guides/faststore/overrides-overview), [API extensions](https://developers.vtex.com/docs/guides/faststore/api-extensions-overview), and [Dynamic Content](https://developers.vtex.com/docs/guides/faststore/dynamic-content-overview) features. | Composability-focused: Flexible and customizable through [VTEX IO apps](https://developers.vtex.com/docs/vtex-io-apps). | Customizations are limited and can be managed by creating, organizing, and editing the structure of folders, files, and components within the [Layout](https://help.vtex.com/es/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/1oN446gRGcR2s70RvBCAmj#layout) feature. | -| **Performance** | Maximum performance possible, as it uses [Jamstack](https://jamstack.org/), a framework focused on performance that serves pre-rendered content to a CDN. It is made dynamic through APIs and serverless functions.

Additionally, FastStore leverages [Partytown](https://partytown.builder.io/) for minimizing performance degradation caused by third-party scripts.

Built with performance as a core principle, FastStore not only optimizes speed but also provides clear visibility into performance metrics, ensuring transparency. | SSR (Server-Side Rendering) features generate the complete HTML of a page on the server as a response to a page request, while SPA (Single-Page Application) loads elements such as the header only once the page is loaded. | Outdated technologies make it challenging to maintain optimal performance, especially in scenarios demanding multiple customizations. | -| **Availability**

_You can have both FastStore and Store Framework running simultaneously in your store, as the environments are completely different._ | General availability.

For information on unavailable features, check the [Business models](#business-models) and [Features and Functionalities](#features-and-funcionalities) sections. | General availability. | No longer available to new stores starting to use VTEX. | -| **Support**

_To learn more about our support, see our documentation [Responsibilities within the VTEX ecosystem](https://help.vtex.com/en/tutorial/responsabilidades-no-ecossistema-vtex--3vL9aWICDr3WR64DYi1fJ3)._ | Available for VTEX core commerce services, [FastStore packages](https://developers.vtex.com/docs/guides/faststore/docs-what-is-faststore), and troubleshooting code issues. | Available for VTEX core commerce services, VTEX IO native apps or components, and troubleshooting code issues. | Available for [VTEX core commerce services](https://developers.vtex.com/docs/guides/getting-started#vtex-core-services), and VTEX native [Controls](https://developers.vtex.com/docs/guides/list-of-controls-for-templates) and [Templates](https://help.vtex.com/en/tutorial/what-are-templates--4l7BQBYO9ycumsqua2CU88). | +| | FastStore | Store Framework | Legacy CMS Portal | +| --- | --- | --- | --- | +| **Storefront development** | FastStore is built with a **performance** focus based on the Jamstack (JavaScript, API, and Markup) architecture.

Development is done through the integration of `npm` packages provided by VTEX and customizations via the extensibility of VTEX API core services. | Store Framework is based on **composability**, as development is based on VTEX IO apps, allowing the combination of different content, services, and data. | Development is done through the Admin, using the [Legacy Content Management System (CMS)](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/6OCY6S9tqBXPD5mgpbBInC). | +| **Tech stack** | | | | +| **Starter (initial template)** | After completing the [FastStore Starter](https://starter.vtex.app/), you can access [FastStore Onboarding](https://www.faststore.dev/docs/getting-started-overview). This allows you to kick off the project with a base template focused on performance. | [Store Theme](https://github.com/vtex-apps/store-theme) is the initial template you can use to launch the storefront project or start from scratch. | The [Layout](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/1oN446gRGcR2s70RvBCAmj#layout) section allows you to create your storefront with HTML and CSS.

In it, you can find the standard [templates](https://help.vtex.com/en/tutorial/what-are-templates--4l7BQBYO9ycumsqua2CU88), which are files that contain the code of your website pages. | +| **CMS solution** | Integrated with [Headless CMS](https://developers.vtex.com/docs/guides/faststore/headless-cms-overview). | Integrated with [Site Editor](https://developers.vtex.com/docs/guides/vtex-io-documentation-site-editor). | The [Layout](https://help.vtex.com/en/tutorial/what-is-cms-layout--EmO8u2WBj2W4MUQCS8262) feature allows you to create your storefront with HTML and CSS. | +| **Deployment platform** | Store deployment through [FastStore WebOps](https://developers.vtex.com/docs/guides/faststore/1-onboarding-overview) and VTEX GitHub quality assurance bots. | Store deployment through the [VTEX IO platform](https://developers.vtex.com/docs/guides/vtex-io-documentation-what-is-vtex-io) using the [VTEX IO CLI](https://developers.vtex.com/docs/guides/vtex-io-documentation-vtex-io-cli-installation-and-command-reference). | Content updates are done directly through the CMS. | +| **Deployment environment** | Supports running a [local server](https://developers.vtex.com/docs/guides/faststore/getting-started-2-setting-up-the-project#step-2-running-a-local-server), which works as a development environment. Changes made in the local development server do not impact the live store. | Supports creating [development workspaces](https://developers.vtex.com/docs/guides/vtex-io-documentation-creating-a-development-workspace) and [production workspaces](https://developers.vtex.com/docs/guides/vtex-io-documentation-creating-a-production-workspace), allowing developers to deploy changes confidently, without affecting the live store. | Does not have a separate development environment. | +| **Admin Apps (Extensions Hub)** | The VTEX IO backend apps can work on FastStore through the [API Extensions](https://developers.vtex.com/docs/guides/faststore/api-extensions-overview) tool. Frontend apps that manipulate React components are not available. | Allows installation and use. | Allows installation and use of some apps. | +| **Customizations** | Performance-focused: Allows customization through [Theming](https://developers.vtex.com/docs/guides/faststore/using-themes-overview), [Overrides](https://developers.vtex.com/docs/guides/faststore/overrides-overview), [API extensions](https://developers.vtex.com/docs/guides/faststore/api-extensions-overview), and [Dynamic Content](https://developers.vtex.com/docs/guides/faststore/dynamic-content-overview) features. | Composability-focused: Flexible and customizable through [VTEX IO apps](https://developers.vtex.com/docs/vtex-io-apps). | Customizations are limited and can be managed by creating, organizing, and editing the structure of folders, files, and components within the [Layout](https://help.vtex.com/es/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/1oN446gRGcR2s70RvBCAmj#layout) feature. | +| **Performance** | Maximum performance possible, as it uses [Jamstack](https://jamstack.org/), a framework focused on performance that serves pre-rendered content to a CDN. It is made dynamic through APIs and serverless functions.

Additionally, FastStore leverages [Partytown](https://partytown.builder.io/) for minimizing performance degradation caused by third-party scripts.

Built with performance as a core principle, FastStore not only optimizes speed but also provides clear visibility into performance metrics, ensuring transparency. | SSR (Server-Side Rendering) features generate the complete HTML of a page on the server as a response to a page request, while SPA (Single-Page Application) loads elements such as the header only once the page is loaded. | Outdated technologies make it challenging to maintain optimal performance, especially in scenarios demanding multiple customizations. | +| **Availability**

_You can have both FastStore and Store Framework running simultaneously in your store, as the environments are completely different._ | General availability.

For information on unavailable features, check the [Business models](#business-models) and [Features and Functionalities](#features-and-funcionalities) sections. | General availability. | No longer available to new stores starting to use VTEX. | +| **Support**

_To learn more about our support, see our documentation [Responsibilities within the VTEX ecosystem](https://help.vtex.com/en/tutorial/responsabilidades-no-ecossistema-vtex--3vL9aWICDr3WR64DYi1fJ3)._ | Available for VTEX core commerce services, [FastStore packages](https://developers.vtex.com/docs/guides/faststore/docs-what-is-faststore), and troubleshooting code issues. | Available for VTEX core commerce services, VTEX IO native apps or components, and troubleshooting code issues. | Available for [VTEX core commerce services](https://developers.vtex.com/docs/guides/getting-started#vtex-core-services), and VTEX native [Controls](https://developers.vtex.com/docs/guides/list-of-controls-for-templates) and [Templates](https://help.vtex.com/en/tutorial/what-are-templates--4l7BQBYO9ycumsqua2CU88). | ## Business models The VTEX platform supports the configuration of different business models, such as business-to-business (B2B), marketplaces, omnichannel, and internationalization. See below the availability for each storefront technology. -| | FastStore | Store Framework | Legacy CMS Portal | -| -------------------------------------------------------------------------------------------------------------------------------- | :-------: | :-------------: | :---------------: | -| [**B2B capabilities**](https://help.vtex.com/en/tutorial/b2b-overview--5vb9SNXhX2bZnkpAh7ADdC?\&utm_source=autocomplete) | ❌ | ✅ | ❌ | -| [**Bindings**](https://help.vtex.com/en/tutorial/what-is-binding--4NcN3NJd0IeYccgWCI8O2W?\&utm_source=autocomplete) | ❌ | ✅ | ✅ | -| [**Cross-border and multi-language stores**](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/5qgXy9Erm7FDP3UB5Ox8Bs) | ❌ | ✅ | ❌ | -| [**Franchise accounts**](https://help.vtex.com/en/tutorial/what-is-a-franchise-account--kWQC6RkFSCUFGgY5gSjdl) | ✅ | ✅ | ✅ | -| [**Marketplace capabilities**](https://help.vtex.com/en/tutorial/marketplace-strategies-at-vtex--tutorials_402) | ✅ | ✅ | ✅ | -| [**Multiple trade policies**](https://help.vtex.com/en/tutorial/how-trade-policies-work--6Xef8PZiFm40kg2STrMkMV) | ✅ | ✅ | ✅ | -| [**Regionalization**](https://developers.vtex.com/docs/guides/faststore/features-regionalization) | ✅ | ✅ | ❌ | +| | FastStore | Store Framework | Legacy CMS Portal | +| --- | :---: | :---: | :---: | +| [**B2B capabilities**](https://help.vtex.com/en/tutorial/b2b-overview--5vb9SNXhX2bZnkpAh7ADdC?\&utm_source=autocomplete) | ❌ | ✅ | ❌ | +| [**Bindings**](https://help.vtex.com/en/tutorial/what-is-binding--4NcN3NJd0IeYccgWCI8O2W?\&utm_source=autocomplete)| ❌ | ✅ | ✅ | | +| [**Cross-border and multi-language stores**](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/5qgXy9Erm7FDP3UB5Ox8Bs)| ❌ | ✅ | ❌ | | +| [**Franchise accounts**](https://help.vtex.com/en/tutorial/what-is-a-franchise-account--kWQC6RkFSCUFGgY5gSjdl)| ✅ | ✅ | ✅ | | +| [**Marketplace capabilities**](https://help.vtex.com/en/tutorial/marketplace-strategies-at-vtex--tutorials_402)| ✅ | ✅ | ✅ | | +| [**Multiple trade policies**](https://help.vtex.com/en/tutorial/how-trade-policies-work--6Xef8PZiFm40kg2STrMkMV)| ✅ | ✅ | ✅ | | +| [**Regionalization**](https://developers.vtex.com/docs/guides/faststore/features-regionalization)| ✅ | ✅ | ❌ | | ## Features and functionalities Below, explore the features and functionalities available for each storefront technology. Consider the following legend: ✅ **Available:** An out-of-the-box feature, ready to use. -⚠️\*\* Limited:\*\* The feature is possible but needs custom implementation. +⚠️** Limited:** The feature is possible but needs custom implementation. ❌ **Not available:** This feature is currently unavailable, even with customizations. ### Advanced store functionalities -| | FastStore | Store Framework | Legacy CMS Portal | -| --------------------------------------------------------------------------------------------------------------------------------------------------------------- | :-------: | :-------------: | :---------------: | -| [**Abandoned Cart**](https://help.vtex.com/en/tutorial/setting-up-abandoned-carts--tutorials_740) | ⚠️ | ✅ | ✅ | -| [**Attachments**](https://help.vtex.com/en/tutorial/what-is-an-attachment--aGICk0RVbqKg6GYmQcWUm) | ✅ | ✅ | ✅ | -| [**Coupons**](https://help.vtex.com/en/tutorial/coupons-beta--1aAEN3ADpz19ss5JCIEBdL) | ✅ | ✅ | ✅ | -| [**Gift Card**](https://developers.vtex.com/docs/guides/gift-card-integration-guide) **integration** | ✅ | ✅ | ✅ | -| [**GTM - Google Analytics 4**](https://help.vtex.com/en/tutorial/how-to-setup-google-analytics-in-vtex-store--G2P0rmSrEiqCcmUMyUUwG) | ✅ | ✅ | ✅ | -| [**Master Data**](https://developers.vtex.com/docs/guides/master-data-introduction) **integration** | ⚠️ | ✅ | ✅ | -| [**Newsletter integration with Master Data**](https://developers.vtex.com/docs/guides/newsletter-inclusion-master-data-v1) | ✅ | ✅ | ✅ | -| [**Price table**](https://help.vtex.com/en/tutorial/creating-price-tables--58YmY2Iwggyw4WeSCGg24S) | ✅ | ✅ | ✅ | -| [**Promotions**](https://help.vtex.com/en/tutorial/creating-promotions--tutorials_320) | ✅ | ✅ | ✅ | -| [**SmartCheckout**](https://help.vtex.com/en/tutorial/smartcheckout-customer-information-automatic-fill-in--2Nuu3xAFzdhIzJIldAdtan) | ✅ | ✅ | ✅ | -| [**Sitemap**](https://help.vtex.com/en/tutorial/rastreamento-google-search-console-sitemap--tutorials_575) **integration** | ✅ | ✅ | ✅ | -| [**Subscription**](https://help.vtex.com/en/tutorial/how-subscriptions-work--frequentlyAskedQuestions_4453) | ✅ | ✅ | ✅ | -| **Support for** [**VTEX IO frontend apps**](https://developers.vtex.com/docs/guides/vtex-io-documentation-1-developing-storefront-apps-using-react-and-vtex-io) | ❌ | ✅ | ❌ | +| | FastStore | Store Framework | Legacy CMS Portal | +| --- | :---: | :---: | :---: | +| [**Abandoned Cart**](https://help.vtex.com/en/tutorial/setting-up-abandoned-carts--tutorials_740)| ⚠️ | ✅ | ✅ | +| [**Attachments**](https://help.vtex.com/en/tutorial/what-is-an-attachment--aGICk0RVbqKg6GYmQcWUm)| ✅ | ✅ | ✅ | +| [**Coupons**](https://help.vtex.com/en/tutorial/coupons-beta--1aAEN3ADpz19ss5JCIEBdL)| ✅ | ✅ | ✅ | +| [**Gift Card**](https://developers.vtex.com/docs/guides/gift-card-integration-guide) **integration**| ✅ | ✅ | ✅ | +| [**GTM - Google Analytics 4**](https://help.vtex.com/en/tutorial/how-to-setup-google-analytics-in-vtex-store--G2P0rmSrEiqCcmUMyUUwG)| ✅ | ✅ | ✅ | +| [**Master Data**](https://developers.vtex.com/docs/guides/master-data-introduction) **integration**| ⚠️ | ✅ | ✅ | +| [**Newsletter integration with Master Data**](https://developers.vtex.com/docs/guides/newsletter-inclusion-master-data-v1)| ✅ | ✅ | ✅ | +| [**Price table**](https://help.vtex.com/en/tutorial/creating-price-tables--58YmY2Iwggyw4WeSCGg24S)| ✅ | ✅ | ✅ | +| [**Promotions**](https://help.vtex.com/en/tutorial/creating-promotions--tutorials_320)| ✅ | ✅ | ✅ | +| [**SmartCheckout**](https://help.vtex.com/en/tutorial/smartcheckout-customer-information-automatic-fill-in--2Nuu3xAFzdhIzJIldAdtan)| ✅ | ✅ | ✅ | +| [**Sitemap**](https://help.vtex.com/en/tutorial/rastreamento-google-search-console-sitemap--tutorials_575) **integration**| ✅ | ✅ | ✅ | +| [**Subscription**](https://help.vtex.com/en/tutorial/how-subscriptions-work--frequentlyAskedQuestions_4453)| ✅ | ✅ | ✅ | +| **Support for** [**VTEX IO frontend apps**](https://developers.vtex.com/docs/guides/vtex-io-documentation-1-developing-storefront-apps-using-react-and-vtex-io)| ❌ | ✅ | ❌ | ### VTEX IO Apps -| | FastStore | Store Framework | Legacy CMS Portal | -| ---------------------------------------------------------------------------------------------------------------------------- | :-------: | :-------------: | :---------------: | -| [**Assembly options**](https://help.vtex.com/en/tutorial/assembly-options--5x5FhNr4f5RUGDEGWzV1nH?\&utm_source=autocomplete) | ⚠️ | ✅ | ❌ | -| [**Intelligent Search**](https://help.vtex.com/tracks/vtex-intelligent-search) **integration** | ✅ | ✅ | ❌ | -| [**Live Shopping**](https://developers.vtex.com/docs/apps/vtexventures.livestreaming) | ⚠️ | ✅ | ✅ | -| [**Reviews & Ratings**](https://developers.vtex.com/docs/apps/vtex.reviews-and-ratings) | ⚠️ | ✅ | ❌ | -| [**Store Locator**](https://developers.vtex.com/docs/apps/vtex.store-locator) | ⚠️ | ✅ | ❌ | -| [**Wishlist**](https://developers.vtex.com/docs/apps/vtex.wish-list) | ⚠️ | ✅ | ❌ | +| | FastStore | Store Framework | Legacy CMS Portal | +| --- | :---: | :---: | :---: | +| [**Assembly options**](https://help.vtex.com/en/tutorial/assembly-options--5x5FhNr4f5RUGDEGWzV1nH?\&utm_source=autocomplete)| ⚠️ | ✅ | ❌ | +| [**Intelligent Search**](https://help.vtex.com/tracks/vtex-intelligent-search) **integration**| ✅ | ✅ | ❌ | +| [**Live Shopping**](https://developers.vtex.com/docs/apps/vtexventures.livestreaming)| ⚠️ | ✅ | ✅ | +| [**Reviews & Ratings**](https://developers.vtex.com/docs/apps/vtex.reviews-and-ratings)| ⚠️ | ✅ | ❌ | +| [**Store Locator**](https://developers.vtex.com/docs/apps/vtex.store-locator)| ⚠️ | ✅ | ❌ | +| [**Wishlist**](https://developers.vtex.com/docs/apps/vtex.wish-list)| ⚠️ | ✅ | ❌ | ### Development experience -| | FastStore | Store Framework | Legacy CMS Portal | -| --------------------------------------------------- | :-------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------: | :----------------------------------------------------------------------: | -| **API integration** | ✅

[FastStore APIs](https://developers.vtex.com/docs/guides/faststore/faststore-api-overview) | ✅

[API reference](\[https://developers.vtex.com/docs/api-reference) | ✅

[API reference](https://developers.vtex.com/docs/api-reference) | -| **Automatic storefront updates** | ✅ | ✅ | ❌ | -| **Command Line Interface (CLI)** | ✅ | ✅ | ❌ | -| **GitHub WebOps workflow** | ✅ | ❌ | ❌ | +| | FastStore | Store Framework | Legacy CMS Portal | +| --- | :---: | :---: | :---: | +| **API integration** | ✅

[FastStore APIs](https://developers.vtex.com/docs/guides/faststore/faststore-api-overview) | ✅

[API reference](\[https://developers.vtex.com/docs/api-reference) | ✅

[API reference](https://developers.vtex.com/docs/api-reference) | +| **Automatic storefront updates** | ✅ | ✅ | ❌ | +| **Command Line Interface (CLI)** | ✅ | ✅ | ❌ | +| **GitHub WebOps workflow** | ✅ | ❌ | ❌ | Learn more in [Developer experience](https://developers.vtex.com/docs/guides/developer-experience). From 92ea83ba9a089818dbe98d980e2cf30262814a5f Mon Sep 17 00:00:00 2001 From: georgelimadev Date: Thu, 12 Sep 2024 18:25:58 -0300 Subject: [PATCH 04/10] WIP: Fix formatting --- ...tting-started-with-storefront-solutions.md | 32 +++++++++---------- 1 file changed, 16 insertions(+), 16 deletions(-) diff --git a/docs/localization/getting-started-with-storefront-solutions.md b/docs/localization/getting-started-with-storefront-solutions.md index 42543702c4..fdc6f6e106 100644 --- a/docs/localization/getting-started-with-storefront-solutions.md +++ b/docs/localization/getting-started-with-storefront-solutions.md @@ -15,7 +15,7 @@ The VTEX platform provides three options for storefront development, each with d The following table outlines the main differences between VTEX FastStore, Store Framework, and Legacy CMS Portal. -| | FastStore | Store Framework | Legacy CMS Portal | +| | FastStore | Store Framework | Legacy CMS Portal | | --- | --- | --- | --- | | **Storefront development** | FastStore is built with a **performance** focus based on the Jamstack (JavaScript, API, and Markup) architecture.

Development is done through the integration of `npm` packages provided by VTEX and customizations via the extensibility of VTEX API core services. | Store Framework is based on **composability**, as development is based on VTEX IO apps, allowing the combination of different content, services, and data. | Development is done through the Admin, using the [Legacy Content Management System (CMS)](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/6OCY6S9tqBXPD5mgpbBInC). | | **Tech stack** | | | | @@ -33,15 +33,15 @@ The following table outlines the main differences between VTEX FastStore, Store The VTEX platform supports the configuration of different business models, such as business-to-business (B2B), marketplaces, omnichannel, and internationalization. See below the availability for each storefront technology. -| | FastStore | Store Framework | Legacy CMS Portal | +| | FastStore | Store Framework | Legacy CMS Portal | | --- | :---: | :---: | :---: | -| [**B2B capabilities**](https://help.vtex.com/en/tutorial/b2b-overview--5vb9SNXhX2bZnkpAh7ADdC?\&utm_source=autocomplete) | ❌ | ✅ | ❌ | -| [**Bindings**](https://help.vtex.com/en/tutorial/what-is-binding--4NcN3NJd0IeYccgWCI8O2W?\&utm_source=autocomplete)| ❌ | ✅ | ✅ | | -| [**Cross-border and multi-language stores**](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/5qgXy9Erm7FDP3UB5Ox8Bs)| ❌ | ✅ | ❌ | | -| [**Franchise accounts**](https://help.vtex.com/en/tutorial/what-is-a-franchise-account--kWQC6RkFSCUFGgY5gSjdl)| ✅ | ✅ | ✅ | | -| [**Marketplace capabilities**](https://help.vtex.com/en/tutorial/marketplace-strategies-at-vtex--tutorials_402)| ✅ | ✅ | ✅ | | -| [**Multiple trade policies**](https://help.vtex.com/en/tutorial/how-trade-policies-work--6Xef8PZiFm40kg2STrMkMV)| ✅ | ✅ | ✅ | | -| [**Regionalization**](https://developers.vtex.com/docs/guides/faststore/features-regionalization)| ✅ | ✅ | ❌ | | +| [**B2B capabilities**](https://help.vtex.com/en/tutorial/b2b-overview--5vb9SNXhX2bZnkpAh7ADdC?\&utm_source=autocomplete)| ❌ | ✅ | ❌ | +| [**Bindings**](https://help.vtex.com/en/tutorial/what-is-binding--4NcN3NJd0IeYccgWCI8O2W?\&utm_source=autocomplete)| ❌ | ✅ | ✅ | +| [**Cross-border and multi-language stores**](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/5qgXy9Erm7FDP3UB5Ox8Bs)| ❌ | ✅ | ❌ | +| [**Franchise accounts**](https://help.vtex.com/en/tutorial/what-is-a-franchise-account--kWQC6RkFSCUFGgY5gSjdl)| ✅ | ✅ | ✅ | +| [**Marketplace capabilities**](https://help.vtex.com/en/tutorial/marketplace-strategies-at-vtex--tutorials_402)| ✅ | ✅ | ✅ | +| [**Multiple trade policies**](https://help.vtex.com/en/tutorial/how-trade-policies-work--6Xef8PZiFm40kg2STrMkMV)| ✅ | ✅ | ✅ | +| [**Regionalization**](https://developers.vtex.com/docs/guides/faststore/features-regionalization)| ✅ | ✅ | ❌ | ## Features and functionalities @@ -53,7 +53,7 @@ Below, explore the features and functionalities available for each storefront te ### Advanced store functionalities -| | FastStore | Store Framework | Legacy CMS Portal | +| | FastStore | Store Framework | Legacy CMS Portal | | --- | :---: | :---: | :---: | | [**Abandoned Cart**](https://help.vtex.com/en/tutorial/setting-up-abandoned-carts--tutorials_740)| ⚠️ | ✅ | ✅ | | [**Attachments**](https://help.vtex.com/en/tutorial/what-is-an-attachment--aGICk0RVbqKg6GYmQcWUm)| ✅ | ✅ | ✅ | @@ -71,7 +71,7 @@ Below, explore the features and functionalities available for each storefront te ### VTEX IO Apps -| | FastStore | Store Framework | Legacy CMS Portal | +| | FastStore | Store Framework | Legacy CMS Portal | | --- | :---: | :---: | :---: | | [**Assembly options**](https://help.vtex.com/en/tutorial/assembly-options--5x5FhNr4f5RUGDEGWzV1nH?\&utm_source=autocomplete)| ⚠️ | ✅ | ❌ | | [**Intelligent Search**](https://help.vtex.com/tracks/vtex-intelligent-search) **integration**| ✅ | ✅ | ❌ | @@ -82,11 +82,11 @@ Below, explore the features and functionalities available for each storefront te ### Development experience -| | FastStore | Store Framework | Legacy CMS Portal | +| | FastStore | Store Framework | Legacy CMS Portal | | --- | :---: | :---: | :---: | -| **API integration** | ✅

[FastStore APIs](https://developers.vtex.com/docs/guides/faststore/faststore-api-overview) | ✅

[API reference](\[https://developers.vtex.com/docs/api-reference) | ✅

[API reference](https://developers.vtex.com/docs/api-reference) | -| **Automatic storefront updates** | ✅ | ✅ | ❌ | -| **Command Line Interface (CLI)** | ✅ | ✅ | ❌ | -| **GitHub WebOps workflow** | ✅ | ❌ | ❌ | +| **API integration** | ✅

[FastStore APIs](https://developers.vtex.com/docs/guides/faststore/faststore-api-overview) | ✅

[API reference]([https://developers.vtex.com/docs/api-reference) | ✅

[API reference](https://developers.vtex.com/docs/api-reference) | +| **Automatic storefront updates**| ✅ | ✅ | ❌ | +| **Command Line Interface (CLI)**| ✅ | ✅ | ❌ | +| **GitHub WebOps workflow**| ✅ | ❌ | ❌ | Learn more in [Developer experience](https://developers.vtex.com/docs/guides/developer-experience). From dd5bedf8eedb4a5e7de843884608f11397ecc518 Mon Sep 17 00:00:00 2001 From: georgelimadev Date: Thu, 12 Sep 2024 18:29:25 -0300 Subject: [PATCH 05/10] Fix formatting --- ...tting-started-with-storefront-solutions.md | 70 +++++++++---------- 1 file changed, 35 insertions(+), 35 deletions(-) diff --git a/docs/localization/getting-started-with-storefront-solutions.md b/docs/localization/getting-started-with-storefront-solutions.md index fdc6f6e106..e243b487df 100644 --- a/docs/localization/getting-started-with-storefront-solutions.md +++ b/docs/localization/getting-started-with-storefront-solutions.md @@ -15,7 +15,7 @@ The VTEX platform provides three options for storefront development, each with d The following table outlines the main differences between VTEX FastStore, Store Framework, and Legacy CMS Portal. -| | FastStore | Store Framework | Legacy CMS Portal | +| | FastStore | Store Framework | Legacy CMS Portal | | --- | --- | --- | --- | | **Storefront development** | FastStore is built with a **performance** focus based on the Jamstack (JavaScript, API, and Markup) architecture.

Development is done through the integration of `npm` packages provided by VTEX and customizations via the extensibility of VTEX API core services. | Store Framework is based on **composability**, as development is based on VTEX IO apps, allowing the combination of different content, services, and data. | Development is done through the Admin, using the [Legacy Content Management System (CMS)](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/6OCY6S9tqBXPD5mgpbBInC). | | **Tech stack** |
  • [React](https://react.dev/)
  • [Typescript](https://www.typescriptlang.org/)
  • [Node.js](https://nodejs.org/)
  • [Next.js](https://nextjs.org/)
  • [GraphQL](https://graphql.org/)
|
  • [React](https://react.dev/)
  • [TypeScript](https://www.typescriptlang.org/)
  • [Node.js](https://nodejs.org/)
  • [.NET](https://learn.microsoft.com/pt-pt/dotnet/)
  • [GraphQL](https://graphql.org/)
|
  • [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS/)
  • HTML
  • JavaScript
| @@ -33,60 +33,60 @@ The following table outlines the main differences between VTEX FastStore, Store The VTEX platform supports the configuration of different business models, such as business-to-business (B2B), marketplaces, omnichannel, and internationalization. See below the availability for each storefront technology. -| | FastStore | Store Framework | Legacy CMS Portal | +| | FastStore | Store Framework | Legacy CMS Portal | | --- | :---: | :---: | :---: | -| [**B2B capabilities**](https://help.vtex.com/en/tutorial/b2b-overview--5vb9SNXhX2bZnkpAh7ADdC?\&utm_source=autocomplete)| ❌ | ✅ | ❌ | -| [**Bindings**](https://help.vtex.com/en/tutorial/what-is-binding--4NcN3NJd0IeYccgWCI8O2W?\&utm_source=autocomplete)| ❌ | ✅ | ✅ | -| [**Cross-border and multi-language stores**](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/5qgXy9Erm7FDP3UB5Ox8Bs)| ❌ | ✅ | ❌ | -| [**Franchise accounts**](https://help.vtex.com/en/tutorial/what-is-a-franchise-account--kWQC6RkFSCUFGgY5gSjdl)| ✅ | ✅ | ✅ | -| [**Marketplace capabilities**](https://help.vtex.com/en/tutorial/marketplace-strategies-at-vtex--tutorials_402)| ✅ | ✅ | ✅ | -| [**Multiple trade policies**](https://help.vtex.com/en/tutorial/how-trade-policies-work--6Xef8PZiFm40kg2STrMkMV)| ✅ | ✅ | ✅ | -| [**Regionalization**](https://developers.vtex.com/docs/guides/faststore/features-regionalization)| ✅ | ✅ | ❌ | +| [**B2B capabilities**](https://help.vtex.com/en/tutorial/b2b-overview--5vb9SNXhX2bZnkpAh7ADdC?\&utm_source=autocomplete) | ❌ | ✅ | ❌ | +| [**Bindings**](https://help.vtex.com/en/tutorial/what-is-binding--4NcN3NJd0IeYccgWCI8O2W?\&utm_source=autocomplete) | ❌ | ✅ | ✅ | +| [**Cross-border and multi-language stores**](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/5qgXy9Erm7FDP3UB5Ox8Bs) | ❌ | ✅ | ❌ | +| [**Franchise accounts**](https://help.vtex.com/en/tutorial/what-is-a-franchise-account--kWQC6RkFSCUFGgY5gSjdl) | ✅ | ✅ | ✅ | +| [**Marketplace capabilities**](https://help.vtex.com/en/tutorial/marketplace-strategies-at-vtex--tutorials_402) | ✅ | ✅ | ✅ | +| [**Multiple trade policies**](https://help.vtex.com/en/tutorial/how-trade-policies-work--6Xef8PZiFm40kg2STrMkMV) | ✅ | ✅ | ✅ | +| [**Regionalization**](https://developers.vtex.com/docs/guides/faststore/features-regionalization) | ✅ | ✅ | ❌ | ## Features and functionalities Below, explore the features and functionalities available for each storefront technology. Consider the following legend: ✅ **Available:** An out-of-the-box feature, ready to use. -⚠️** Limited:** The feature is possible but needs custom implementation. +⚠️**Limited:** The feature is possible but needs custom implementation. ❌ **Not available:** This feature is currently unavailable, even with customizations. ### Advanced store functionalities -| | FastStore | Store Framework | Legacy CMS Portal | +| | FastStore | Store Framework | Legacy CMS Portal | | --- | :---: | :---: | :---: | -| [**Abandoned Cart**](https://help.vtex.com/en/tutorial/setting-up-abandoned-carts--tutorials_740)| ⚠️ | ✅ | ✅ | -| [**Attachments**](https://help.vtex.com/en/tutorial/what-is-an-attachment--aGICk0RVbqKg6GYmQcWUm)| ✅ | ✅ | ✅ | -| [**Coupons**](https://help.vtex.com/en/tutorial/coupons-beta--1aAEN3ADpz19ss5JCIEBdL)| ✅ | ✅ | ✅ | -| [**Gift Card**](https://developers.vtex.com/docs/guides/gift-card-integration-guide) **integration**| ✅ | ✅ | ✅ | -| [**GTM - Google Analytics 4**](https://help.vtex.com/en/tutorial/how-to-setup-google-analytics-in-vtex-store--G2P0rmSrEiqCcmUMyUUwG)| ✅ | ✅ | ✅ | -| [**Master Data**](https://developers.vtex.com/docs/guides/master-data-introduction) **integration**| ⚠️ | ✅ | ✅ | -| [**Newsletter integration with Master Data**](https://developers.vtex.com/docs/guides/newsletter-inclusion-master-data-v1)| ✅ | ✅ | ✅ | -| [**Price table**](https://help.vtex.com/en/tutorial/creating-price-tables--58YmY2Iwggyw4WeSCGg24S)| ✅ | ✅ | ✅ | -| [**Promotions**](https://help.vtex.com/en/tutorial/creating-promotions--tutorials_320)| ✅ | ✅ | ✅ | -| [**SmartCheckout**](https://help.vtex.com/en/tutorial/smartcheckout-customer-information-automatic-fill-in--2Nuu3xAFzdhIzJIldAdtan)| ✅ | ✅ | ✅ | -| [**Sitemap**](https://help.vtex.com/en/tutorial/rastreamento-google-search-console-sitemap--tutorials_575) **integration**| ✅ | ✅ | ✅ | -| [**Subscription**](https://help.vtex.com/en/tutorial/how-subscriptions-work--frequentlyAskedQuestions_4453)| ✅ | ✅ | ✅ | -| **Support for** [**VTEX IO frontend apps**](https://developers.vtex.com/docs/guides/vtex-io-documentation-1-developing-storefront-apps-using-react-and-vtex-io)| ❌ | ✅ | ❌ | +| [**Abandoned Cart**](https://help.vtex.com/en/tutorial/setting-up-abandoned-carts--tutorials_740) | ⚠️ | ✅ | ✅ | +| [**Attachments**](https://help.vtex.com/en/tutorial/what-is-an-attachment--aGICk0RVbqKg6GYmQcWUm) | ✅ | ✅ | ✅ | +| [**Coupons**](https://help.vtex.com/en/tutorial/coupons-beta--1aAEN3ADpz19ss5JCIEBdL) | ✅ | ✅ | ✅ | +| [**Gift Card**](https://developers.vtex.com/docs/guides/gift-card-integration-guide) **integration** | ✅ | ✅ | ✅ | +| [**GTM - Google Analytics 4**](https://help.vtex.com/en/tutorial/how-to-setup-google-analytics-in-vtex-store--G2P0rmSrEiqCcmUMyUUwG) | ✅ | ✅ | ✅ | +| [**Master Data**](https://developers.vtex.com/docs/guides/master-data-introduction) **integration** | ⚠️ | ✅ | ✅ | +| [**Newsletter integration with Master Data**](https://developers.vtex.com/docs/guides/newsletter-inclusion-master-data-v1) | ✅ | ✅ | ✅ | +| [**Price table**](https://help.vtex.com/en/tutorial/creating-price-tables--58YmY2Iwggyw4WeSCGg24S) | ✅ | ✅ | ✅ | +| [**Promotions**](https://help.vtex.com/en/tutorial/creating-promotions--tutorials_320) | ✅ | ✅ | ✅ | +| [**SmartCheckout**](https://help.vtex.com/en/tutorial/smartcheckout-customer-information-automatic-fill-in--2Nuu3xAFzdhIzJIldAdtan) | ✅ | ✅ | ✅ | +| [**Sitemap**](https://help.vtex.com/en/tutorial/rastreamento-google-search-console-sitemap--tutorials_575) **integration** | ✅ | ✅ | ✅ | +| [**Subscription**](https://help.vtex.com/en/tutorial/how-subscriptions-work--frequentlyAskedQuestions_4453) | ✅ | ✅ | ✅ | +| **Support for** [**VTEX IO frontend apps**](https://developers.vtex.com/docs/guides/vtex-io-documentation-1-developing-storefront-apps-using-react-and-vtex-io) | ❌ | ✅ | ❌ | ### VTEX IO Apps -| | FastStore | Store Framework | Legacy CMS Portal | +| | FastStore | Store Framework | Legacy CMS Portal | | --- | :---: | :---: | :---: | -| [**Assembly options**](https://help.vtex.com/en/tutorial/assembly-options--5x5FhNr4f5RUGDEGWzV1nH?\&utm_source=autocomplete)| ⚠️ | ✅ | ❌ | -| [**Intelligent Search**](https://help.vtex.com/tracks/vtex-intelligent-search) **integration**| ✅ | ✅ | ❌ | -| [**Live Shopping**](https://developers.vtex.com/docs/apps/vtexventures.livestreaming)| ⚠️ | ✅ | ✅ | -| [**Reviews & Ratings**](https://developers.vtex.com/docs/apps/vtex.reviews-and-ratings)| ⚠️ | ✅ | ❌ | -| [**Store Locator**](https://developers.vtex.com/docs/apps/vtex.store-locator)| ⚠️ | ✅ | ❌ | -| [**Wishlist**](https://developers.vtex.com/docs/apps/vtex.wish-list)| ⚠️ | ✅ | ❌ | +| [**Assembly options**](https://help.vtex.com/en/tutorial/assembly-options--5x5FhNr4f5RUGDEGWzV1nH?\&utm_source=autocomplete) | ⚠️ | ✅ | ❌ | +| [**Intelligent Search**](https://help.vtex.com/tracks/vtex-intelligent-search) **integration** | ✅ | ✅ | ❌ | +| [**Live Shopping**](https://developers.vtex.com/docs/apps/vtexventures.livestreaming) | ⚠️ | ✅ | ✅ | +| [**Reviews & Ratings**](https://developers.vtex.com/docs/apps/vtex.reviews-and-ratings) | ⚠️ | ✅ | ❌ | +| [**Store Locator**](https://developers.vtex.com/docs/apps/vtex.store-locator) | ⚠️ | ✅ | ❌ | +| [**Wishlist**](https://developers.vtex.com/docs/apps/vtex.wish-list) | ⚠️ | ✅ | ❌ | ### Development experience -| | FastStore | Store Framework | Legacy CMS Portal | +| | FastStore | Store Framework | Legacy CMS Portal | | --- | :---: | :---: | :---: | | **API integration** | ✅

[FastStore APIs](https://developers.vtex.com/docs/guides/faststore/faststore-api-overview) | ✅

[API reference]([https://developers.vtex.com/docs/api-reference) | ✅

[API reference](https://developers.vtex.com/docs/api-reference) | -| **Automatic storefront updates**| ✅ | ✅ | ❌ | -| **Command Line Interface (CLI)**| ✅ | ✅ | ❌ | -| **GitHub WebOps workflow**| ✅ | ❌ | ❌ | +| **Automatic storefront updates** | ✅ | ✅ | ❌ | +| **Command Line Interface (CLI)** | ✅ | ✅ | ❌ | +| **GitHub WebOps workflow** | ✅ | ❌ | ❌ | Learn more in [Developer experience](https://developers.vtex.com/docs/guides/developer-experience). From 49f3ea1b4668aa5e9e44e34b1d684ce0207974f2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?B=C3=A1rbara=20Celi?= <112641072+barbara-celi@users.noreply.github.com> Date: Fri, 13 Sep 2024 11:27:51 -0300 Subject: [PATCH 06/10] moving file to correct folder --- ...tting-started-with-storefront-solutions.md | 97 ++++++++++++++----- ...tting-started-with-storefront-solutions.md | 92 ------------------ 2 files changed, 73 insertions(+), 116 deletions(-) delete mode 100644 docs/localization/getting-started-with-storefront-solutions.md diff --git a/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md b/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md index 87b4e23c97..e243b487df 100644 --- a/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md +++ b/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md @@ -2,42 +2,91 @@ title: "Getting started with storefront solutions" slug: "getting-started-with-storefront-solutions" hidden: false -excerpt: "Learn about the main differences between VTEX storefront solutions" +excerpt: "Learn about the main differences between VTEX storefront solutions." createdAt: "2024-05-20t12:59:27.687z" -updatedAt: "2024-06-03t10:49:27.000z" +updatedAt: "2024-09-05T14:35:24.197Z" --- -The VTEX platform offers three options for storefront development, each with distinct characteristics to meet the needs of our clients: +The VTEX platform provides three options for storefront development, each with distinct characteristics to meet the needs of our clients: -- **FastStore**: Innovative technology that prioritizes performance and stability, offering development teams an easily maintainable solution for editing store pages. -- **Store Framework**: Emphasizes a composable commerce model, allowing integration of VTEX IO apps for dynamic storefronts. -- **Legacy CMS Portal**: VTEX’s inaugural storefront technology, that relies on HTML, CSS, and JavaScript, with code management exclusively through the VTEX Admin. +- **FastStore:** Innovative technology that prioritizes performance and stability, offering operational teams an easily maintainable solution for editing store pages. +- **Store Framework:** Emphasizes a composable commerce model, allowing the integration of VTEX IO apps for dynamic storefronts. +- **Legacy CMS Portal:** VTEX’s first storefront technology that relies on HTML, CSS, and JavaScript, with code management exclusively through the VTEX Admin. -The following table outlines the main differences between VTEX’s Legacy CMS Portal, Store Framework, and FastStore. +The following table outlines the main differences between VTEX FastStore, Store Framework, and Legacy CMS Portal. | | FastStore | Store Framework | Legacy CMS Portal | | --- | --- | --- | --- | -| **Storefront development** | FastStore is built with a **performance** focus based on the [Jamstack](https://jamstack.org/) (JavaScript, API, and Markup) architecture.

The development is carried out through the integration of `npm` packages provided by VTEX and customizations via the extensibility of VTEX API core services. | Store Framework is based on **composability**, as its development is based on VTEX IO apps, allowing the combination of different content, services, and data. | The development is carried out through the Admin, using the [Legacy Content Management System (CMS)](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/6OCY6S9tqBXPD5mgpbBInC). | -| **Tech stack** |
  • [React](https://react.dev/)
  • [Typescript](https://www.typescriptlang.org/)
  • [Node.js](https://nodejs.org/)
  • [Next.js](https://nextjs.org/)
  • [GraphQL](https://graphql.org/)
  • VTEX WebOps
|
  • [React](https://react.dev/)
  • [TypeScript](https://www.typescriptlang.org/)
  • [Node.js](https://nodejs.org/)
  • [.NET](https://learn.microsoft.com/pt-pt/dotnet/)
  • [GraphQL](https://graphql.org/)
  • [VTEX IO](https://developers.vtex.com/docs/guides/vtex-io-documentation-what-is-vtex-io)
|
  • [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS/)
  • HTML
  • JavaScript
| -| **Starter (initial template)** | After completing the [FastStore Onboarding](https://www.faststore.dev/docs/getting-started-overview), you can access the [FastStore Starter](https://starter.vtex.app/). This allows you to kick off the project with a base template focused on performance. | The [Store Theme](https://github.com/vtex-apps/store-theme) is the initial template you can use to launch the storefront project. | The [Layout](https://help.vtex.com/es/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/1oN446gRGcR2s70RvBCAmj) section allows you to create your storefront with HTML and CSS.

Inside it, you can find the standard [templates](https://help.vtex.com/en/tutorial/what-are-templates--4l7BQBYO9ycumsqua2CU88), which are files that contain the code of your website pages. | -| **CMS solution** | Integrates with the [Headless CMS](https://developers.vtex.com/docs/guides/faststore/headless-cms-overview). | Integrates with the [Site Editor](https://developers.vtex.com/docs/guides/vtex-io-documentation-site-editor). | The [Layout](https://help.vtex.com/en/tutorial/what-is-cms-layout--EmO8u2WBj2W4MUQCS8262) feature allows you to create your storefront with HTML and CSS. | -| **Apps Admin (Extension Hub)** | There is no integration with the VTEX app platform. | Allows installation and use. | Allows installation and use of some apps. | -| **Customizations** | Performance-focused: Easier to add customizations without degrading performance. | Composability-focused: Flexible and customizable through VTEX IO apps. | Customizations are limited and can be managed by creating, organizing, and editing the structure of folders, files, and components within the Layout feature. | -| **Performance** | Maximum performance possible, as it uses [Jamstack](https://jamstack.org/), which serves pre-rendered content to a CDN. It is made dynamic through APIs and serverless functions. | SSR (Server Side Rendering) features generate the complete HTML of a page on the server as a response to a page request, while SPA (Single Page Application) loads elements such as the header only once the page is loaded. | Outdated technologies make it challenging to maintain optimal performance, especially in scenarios demanding multiple customizations. | -| **Availability** | Generally available for LATAM, Brazil, and North America; limited access for other regions. For information on unavailable features, refer to the [Features and Functionalities](#features-and-functionalities) topic. | General availability. | No longer available to new stores starting with VTEX. | -| **Support**

_To learn more about our support, see our documentation [Responsibilities within the VTEX ecosystem](https://help.vtex.com/en/tutorial/responsibilities-in-the-vtex-ecosystem--3vL9aWICDr3WR64DYi1fJ3)._ | Available for VTEX core commerce services, [FastStore packages](https://developers.vtex.com/docs/guides/faststore/docs-what-is-faststore), and troubleshooting code issues. | Available for VTEX core commerce services, VTEX IO native apps or components, and troubleshooting code issues. | Available for [VTEX core commerce services](https://developers.vtex.com/docs/guides/getting-started) and VTEX native [Controls](https://developers.vtex.com/docs/guides/list-of-controls-for-templates) and [Templates](https://help.vtex.com/en/tutorial/what-are-templates--4l7BQBYO9ycumsqua2CU88). | +| **Storefront development** | FastStore is built with a **performance** focus based on the Jamstack (JavaScript, API, and Markup) architecture.

Development is done through the integration of `npm` packages provided by VTEX and customizations via the extensibility of VTEX API core services. | Store Framework is based on **composability**, as development is based on VTEX IO apps, allowing the combination of different content, services, and data. | Development is done through the Admin, using the [Legacy Content Management System (CMS)](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/6OCY6S9tqBXPD5mgpbBInC). | +| **Tech stack** |
  • [React](https://react.dev/)
  • [Typescript](https://www.typescriptlang.org/)
  • [Node.js](https://nodejs.org/)
  • [Next.js](https://nextjs.org/)
  • [GraphQL](https://graphql.org/)
|
  • [React](https://react.dev/)
  • [TypeScript](https://www.typescriptlang.org/)
  • [Node.js](https://nodejs.org/)
  • [.NET](https://learn.microsoft.com/pt-pt/dotnet/)
  • [GraphQL](https://graphql.org/)
|
  • [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS/)
  • HTML
  • JavaScript
| +| **Starter (initial template)** | After completing the [FastStore Starter](https://starter.vtex.app/), you can access [FastStore Onboarding](https://www.faststore.dev/docs/getting-started-overview). This allows you to kick off the project with a base template focused on performance. | [Store Theme](https://github.com/vtex-apps/store-theme) is the initial template you can use to launch the storefront project or start from scratch. | The [Layout](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/1oN446gRGcR2s70RvBCAmj#layout) section allows you to create your storefront with HTML and CSS.

In it, you can find the standard [templates](https://help.vtex.com/en/tutorial/what-are-templates--4l7BQBYO9ycumsqua2CU88), which are files that contain the code of your website pages. | +| **CMS solution** | Integrated with [Headless CMS](https://developers.vtex.com/docs/guides/faststore/headless-cms-overview). | Integrated with [Site Editor](https://developers.vtex.com/docs/guides/vtex-io-documentation-site-editor). | The [Layout](https://help.vtex.com/en/tutorial/what-is-cms-layout--EmO8u2WBj2W4MUQCS8262) feature allows you to create your storefront with HTML and CSS. | +| **Deployment platform** | Store deployment through [FastStore WebOps](https://developers.vtex.com/docs/guides/faststore/1-onboarding-overview) and VTEX GitHub quality assurance bots. | Store deployment through the [VTEX IO platform](https://developers.vtex.com/docs/guides/vtex-io-documentation-what-is-vtex-io) using the [VTEX IO CLI](https://developers.vtex.com/docs/guides/vtex-io-documentation-vtex-io-cli-installation-and-command-reference). | Content updates are done directly through the CMS. | +| **Deployment environment** | Supports running a [local server](https://developers.vtex.com/docs/guides/faststore/getting-started-2-setting-up-the-project#step-2-running-a-local-server), which works as a development environment. Changes made in the local development server do not impact the live store. | Supports creating [development workspaces](https://developers.vtex.com/docs/guides/vtex-io-documentation-creating-a-development-workspace) and [production workspaces](https://developers.vtex.com/docs/guides/vtex-io-documentation-creating-a-production-workspace), allowing developers to deploy changes confidently, without affecting the live store. | Does not have a separate development environment. | +| **Admin Apps (Extensions Hub)** | The VTEX IO backend apps can work on FastStore through the [API Extensions](https://developers.vtex.com/docs/guides/faststore/api-extensions-overview) tool. Frontend apps that manipulate React components are not available. | Allows installation and use. | Allows installation and use of some apps. | +| **Customizations** | Performance-focused: Allows customization through [Theming](https://developers.vtex.com/docs/guides/faststore/using-themes-overview), [Overrides](https://developers.vtex.com/docs/guides/faststore/overrides-overview), [API extensions](https://developers.vtex.com/docs/guides/faststore/api-extensions-overview), and [Dynamic Content](https://developers.vtex.com/docs/guides/faststore/dynamic-content-overview) features. | Composability-focused: Flexible and customizable through [VTEX IO apps](https://developers.vtex.com/docs/vtex-io-apps). | Customizations are limited and can be managed by creating, organizing, and editing the structure of folders, files, and components within the [Layout](https://help.vtex.com/es/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/1oN446gRGcR2s70RvBCAmj#layout) feature. | +| **Performance** | Maximum performance possible, as it uses [Jamstack](https://jamstack.org/), a framework focused on performance that serves pre-rendered content to a CDN. It is made dynamic through APIs and serverless functions.

Additionally, FastStore leverages [Partytown](https://partytown.builder.io/) for minimizing performance degradation caused by third-party scripts.

Built with performance as a core principle, FastStore not only optimizes speed but also provides clear visibility into performance metrics, ensuring transparency. | SSR (Server-Side Rendering) features generate the complete HTML of a page on the server as a response to a page request, while SPA (Single-Page Application) loads elements such as the header only once the page is loaded. | Outdated technologies make it challenging to maintain optimal performance, especially in scenarios demanding multiple customizations. | +| **Availability**

_You can have both FastStore and Store Framework running simultaneously in your store, as the environments are completely different._ | General availability.

For information on unavailable features, check the [Business models](#business-models) and [Features and Functionalities](#features-and-funcionalities) sections. | General availability. | No longer available to new stores starting to use VTEX. | +| **Support**

_To learn more about our support, see our documentation [Responsibilities within the VTEX ecosystem](https://help.vtex.com/en/tutorial/responsabilidades-no-ecossistema-vtex--3vL9aWICDr3WR64DYi1fJ3)._ | Available for VTEX core commerce services, [FastStore packages](https://developers.vtex.com/docs/guides/faststore/docs-what-is-faststore), and troubleshooting code issues. | Available for VTEX core commerce services, VTEX IO native apps or components, and troubleshooting code issues. | Available for [VTEX core commerce services](https://developers.vtex.com/docs/guides/getting-started#vtex-core-services), and VTEX native [Controls](https://developers.vtex.com/docs/guides/list-of-controls-for-templates) and [Templates](https://help.vtex.com/en/tutorial/what-are-templates--4l7BQBYO9ycumsqua2CU88). | + +## Business models + +The VTEX platform supports the configuration of different business models, such as business-to-business (B2B), marketplaces, omnichannel, and internationalization. See below the availability for each storefront technology. + +| | FastStore | Store Framework | Legacy CMS Portal | +| --- | :---: | :---: | :---: | +| [**B2B capabilities**](https://help.vtex.com/en/tutorial/b2b-overview--5vb9SNXhX2bZnkpAh7ADdC?\&utm_source=autocomplete) | ❌ | ✅ | ❌ | +| [**Bindings**](https://help.vtex.com/en/tutorial/what-is-binding--4NcN3NJd0IeYccgWCI8O2W?\&utm_source=autocomplete) | ❌ | ✅ | ✅ | +| [**Cross-border and multi-language stores**](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/5qgXy9Erm7FDP3UB5Ox8Bs) | ❌ | ✅ | ❌ | +| [**Franchise accounts**](https://help.vtex.com/en/tutorial/what-is-a-franchise-account--kWQC6RkFSCUFGgY5gSjdl) | ✅ | ✅ | ✅ | +| [**Marketplace capabilities**](https://help.vtex.com/en/tutorial/marketplace-strategies-at-vtex--tutorials_402) | ✅ | ✅ | ✅ | +| [**Multiple trade policies**](https://help.vtex.com/en/tutorial/how-trade-policies-work--6Xef8PZiFm40kg2STrMkMV) | ✅ | ✅ | ✅ | +| [**Regionalization**](https://developers.vtex.com/docs/guides/faststore/features-regionalization) | ✅ | ✅ | ❌ | ## Features and functionalities -The VTEX platform is both composable and complete, as it delivers a set of services that can be integrated to empower your ecommerce operation and enables customizations and integrations with third-party services. +Below, explore the features and functionalities available for each storefront technology. Consider the following legend: + +✅ **Available:** An out-of-the-box feature, ready to use. +⚠️**Limited:** The feature is possible but needs custom implementation. +❌ **Not available:** This feature is currently unavailable, even with customizations. -Each storefront solution offers varying levels of composability and extensibility. Below, you can explore the features and functionalities available for each storefront technology. +### Advanced store functionalities | | FastStore | Store Framework | Legacy CMS Portal | | --- | :---: | :---: | :---: | -| **GitHub WebOps workflow** | ✅ | ❌ | ❌ | -| **Support to VTEX IO frontend apps** | ❌ | ✅ | ❌ | -| **Native support to cross-border and multi-language stores** | ❌ | ✅ | ❌ | -| **Native support to B2B capabilities** | ❌ | ✅ | ❌ | -| **Native support to marketplace capabilities** | ✅ | ✅ | ✅ | -| **[Intelligent Search](https://help.vtex.com/tracks/vtex-intelligent-search) integration** | ✅ | ✅ | ❌ | +| [**Abandoned Cart**](https://help.vtex.com/en/tutorial/setting-up-abandoned-carts--tutorials_740) | ⚠️ | ✅ | ✅ | +| [**Attachments**](https://help.vtex.com/en/tutorial/what-is-an-attachment--aGICk0RVbqKg6GYmQcWUm) | ✅ | ✅ | ✅ | +| [**Coupons**](https://help.vtex.com/en/tutorial/coupons-beta--1aAEN3ADpz19ss5JCIEBdL) | ✅ | ✅ | ✅ | +| [**Gift Card**](https://developers.vtex.com/docs/guides/gift-card-integration-guide) **integration** | ✅ | ✅ | ✅ | +| [**GTM - Google Analytics 4**](https://help.vtex.com/en/tutorial/how-to-setup-google-analytics-in-vtex-store--G2P0rmSrEiqCcmUMyUUwG) | ✅ | ✅ | ✅ | +| [**Master Data**](https://developers.vtex.com/docs/guides/master-data-introduction) **integration** | ⚠️ | ✅ | ✅ | +| [**Newsletter integration with Master Data**](https://developers.vtex.com/docs/guides/newsletter-inclusion-master-data-v1) | ✅ | ✅ | ✅ | +| [**Price table**](https://help.vtex.com/en/tutorial/creating-price-tables--58YmY2Iwggyw4WeSCGg24S) | ✅ | ✅ | ✅ | +| [**Promotions**](https://help.vtex.com/en/tutorial/creating-promotions--tutorials_320) | ✅ | ✅ | ✅ | +| [**SmartCheckout**](https://help.vtex.com/en/tutorial/smartcheckout-customer-information-automatic-fill-in--2Nuu3xAFzdhIzJIldAdtan) | ✅ | ✅ | ✅ | +| [**Sitemap**](https://help.vtex.com/en/tutorial/rastreamento-google-search-console-sitemap--tutorials_575) **integration** | ✅ | ✅ | ✅ | +| [**Subscription**](https://help.vtex.com/en/tutorial/how-subscriptions-work--frequentlyAskedQuestions_4453) | ✅ | ✅ | ✅ | +| **Support for** [**VTEX IO frontend apps**](https://developers.vtex.com/docs/guides/vtex-io-documentation-1-developing-storefront-apps-using-react-and-vtex-io) | ❌ | ✅ | ❌ | + +### VTEX IO Apps + +| | FastStore | Store Framework | Legacy CMS Portal | +| --- | :---: | :---: | :---: | +| [**Assembly options**](https://help.vtex.com/en/tutorial/assembly-options--5x5FhNr4f5RUGDEGWzV1nH?\&utm_source=autocomplete) | ⚠️ | ✅ | ❌ | +| [**Intelligent Search**](https://help.vtex.com/tracks/vtex-intelligent-search) **integration** | ✅ | ✅ | ❌ | +| [**Live Shopping**](https://developers.vtex.com/docs/apps/vtexventures.livestreaming) | ⚠️ | ✅ | ✅ | +| [**Reviews & Ratings**](https://developers.vtex.com/docs/apps/vtex.reviews-and-ratings) | ⚠️ | ✅ | ❌ | +| [**Store Locator**](https://developers.vtex.com/docs/apps/vtex.store-locator) | ⚠️ | ✅ | ❌ | +| [**Wishlist**](https://developers.vtex.com/docs/apps/vtex.wish-list) | ⚠️ | ✅ | ❌ | + +### Development experience + +| | FastStore | Store Framework | Legacy CMS Portal | +| --- | :---: | :---: | :---: | +| **API integration** | ✅

[FastStore APIs](https://developers.vtex.com/docs/guides/faststore/faststore-api-overview) | ✅

[API reference]([https://developers.vtex.com/docs/api-reference) | ✅

[API reference](https://developers.vtex.com/docs/api-reference) | +| **Automatic storefront updates** | ✅ | ✅ | ❌ | +| **Command Line Interface (CLI)** | ✅ | ✅ | ❌ | +| **GitHub WebOps workflow** | ✅ | ❌ | ❌ | + +Learn more in [Developer experience](https://developers.vtex.com/docs/guides/developer-experience). diff --git a/docs/localization/getting-started-with-storefront-solutions.md b/docs/localization/getting-started-with-storefront-solutions.md deleted file mode 100644 index e243b487df..0000000000 --- a/docs/localization/getting-started-with-storefront-solutions.md +++ /dev/null @@ -1,92 +0,0 @@ ---- -title: "Getting started with storefront solutions" -slug: "getting-started-with-storefront-solutions" -hidden: false -excerpt: "Learn about the main differences between VTEX storefront solutions." -createdAt: "2024-05-20t12:59:27.687z" -updatedAt: "2024-09-05T14:35:24.197Z" ---- - -The VTEX platform provides three options for storefront development, each with distinct characteristics to meet the needs of our clients: - -- **FastStore:** Innovative technology that prioritizes performance and stability, offering operational teams an easily maintainable solution for editing store pages. -- **Store Framework:** Emphasizes a composable commerce model, allowing the integration of VTEX IO apps for dynamic storefronts. -- **Legacy CMS Portal:** VTEX’s first storefront technology that relies on HTML, CSS, and JavaScript, with code management exclusively through the VTEX Admin. - -The following table outlines the main differences between VTEX FastStore, Store Framework, and Legacy CMS Portal. - -| | FastStore | Store Framework | Legacy CMS Portal | -| --- | --- | --- | --- | -| **Storefront development** | FastStore is built with a **performance** focus based on the Jamstack (JavaScript, API, and Markup) architecture.

Development is done through the integration of `npm` packages provided by VTEX and customizations via the extensibility of VTEX API core services. | Store Framework is based on **composability**, as development is based on VTEX IO apps, allowing the combination of different content, services, and data. | Development is done through the Admin, using the [Legacy Content Management System (CMS)](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/6OCY6S9tqBXPD5mgpbBInC). | -| **Tech stack** |
  • [React](https://react.dev/)
  • [Typescript](https://www.typescriptlang.org/)
  • [Node.js](https://nodejs.org/)
  • [Next.js](https://nextjs.org/)
  • [GraphQL](https://graphql.org/)
|
  • [React](https://react.dev/)
  • [TypeScript](https://www.typescriptlang.org/)
  • [Node.js](https://nodejs.org/)
  • [.NET](https://learn.microsoft.com/pt-pt/dotnet/)
  • [GraphQL](https://graphql.org/)
|
  • [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS/)
  • HTML
  • JavaScript
| -| **Starter (initial template)** | After completing the [FastStore Starter](https://starter.vtex.app/), you can access [FastStore Onboarding](https://www.faststore.dev/docs/getting-started-overview). This allows you to kick off the project with a base template focused on performance. | [Store Theme](https://github.com/vtex-apps/store-theme) is the initial template you can use to launch the storefront project or start from scratch. | The [Layout](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/1oN446gRGcR2s70RvBCAmj#layout) section allows you to create your storefront with HTML and CSS.

In it, you can find the standard [templates](https://help.vtex.com/en/tutorial/what-are-templates--4l7BQBYO9ycumsqua2CU88), which are files that contain the code of your website pages. | -| **CMS solution** | Integrated with [Headless CMS](https://developers.vtex.com/docs/guides/faststore/headless-cms-overview). | Integrated with [Site Editor](https://developers.vtex.com/docs/guides/vtex-io-documentation-site-editor). | The [Layout](https://help.vtex.com/en/tutorial/what-is-cms-layout--EmO8u2WBj2W4MUQCS8262) feature allows you to create your storefront with HTML and CSS. | -| **Deployment platform** | Store deployment through [FastStore WebOps](https://developers.vtex.com/docs/guides/faststore/1-onboarding-overview) and VTEX GitHub quality assurance bots. | Store deployment through the [VTEX IO platform](https://developers.vtex.com/docs/guides/vtex-io-documentation-what-is-vtex-io) using the [VTEX IO CLI](https://developers.vtex.com/docs/guides/vtex-io-documentation-vtex-io-cli-installation-and-command-reference). | Content updates are done directly through the CMS. | -| **Deployment environment** | Supports running a [local server](https://developers.vtex.com/docs/guides/faststore/getting-started-2-setting-up-the-project#step-2-running-a-local-server), which works as a development environment. Changes made in the local development server do not impact the live store. | Supports creating [development workspaces](https://developers.vtex.com/docs/guides/vtex-io-documentation-creating-a-development-workspace) and [production workspaces](https://developers.vtex.com/docs/guides/vtex-io-documentation-creating-a-production-workspace), allowing developers to deploy changes confidently, without affecting the live store. | Does not have a separate development environment. | -| **Admin Apps (Extensions Hub)** | The VTEX IO backend apps can work on FastStore through the [API Extensions](https://developers.vtex.com/docs/guides/faststore/api-extensions-overview) tool. Frontend apps that manipulate React components are not available. | Allows installation and use. | Allows installation and use of some apps. | -| **Customizations** | Performance-focused: Allows customization through [Theming](https://developers.vtex.com/docs/guides/faststore/using-themes-overview), [Overrides](https://developers.vtex.com/docs/guides/faststore/overrides-overview), [API extensions](https://developers.vtex.com/docs/guides/faststore/api-extensions-overview), and [Dynamic Content](https://developers.vtex.com/docs/guides/faststore/dynamic-content-overview) features. | Composability-focused: Flexible and customizable through [VTEX IO apps](https://developers.vtex.com/docs/vtex-io-apps). | Customizations are limited and can be managed by creating, organizing, and editing the structure of folders, files, and components within the [Layout](https://help.vtex.com/es/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/1oN446gRGcR2s70RvBCAmj#layout) feature. | -| **Performance** | Maximum performance possible, as it uses [Jamstack](https://jamstack.org/), a framework focused on performance that serves pre-rendered content to a CDN. It is made dynamic through APIs and serverless functions.

Additionally, FastStore leverages [Partytown](https://partytown.builder.io/) for minimizing performance degradation caused by third-party scripts.

Built with performance as a core principle, FastStore not only optimizes speed but also provides clear visibility into performance metrics, ensuring transparency. | SSR (Server-Side Rendering) features generate the complete HTML of a page on the server as a response to a page request, while SPA (Single-Page Application) loads elements such as the header only once the page is loaded. | Outdated technologies make it challenging to maintain optimal performance, especially in scenarios demanding multiple customizations. | -| **Availability**

_You can have both FastStore and Store Framework running simultaneously in your store, as the environments are completely different._ | General availability.

For information on unavailable features, check the [Business models](#business-models) and [Features and Functionalities](#features-and-funcionalities) sections. | General availability. | No longer available to new stores starting to use VTEX. | -| **Support**

_To learn more about our support, see our documentation [Responsibilities within the VTEX ecosystem](https://help.vtex.com/en/tutorial/responsabilidades-no-ecossistema-vtex--3vL9aWICDr3WR64DYi1fJ3)._ | Available for VTEX core commerce services, [FastStore packages](https://developers.vtex.com/docs/guides/faststore/docs-what-is-faststore), and troubleshooting code issues. | Available for VTEX core commerce services, VTEX IO native apps or components, and troubleshooting code issues. | Available for [VTEX core commerce services](https://developers.vtex.com/docs/guides/getting-started#vtex-core-services), and VTEX native [Controls](https://developers.vtex.com/docs/guides/list-of-controls-for-templates) and [Templates](https://help.vtex.com/en/tutorial/what-are-templates--4l7BQBYO9ycumsqua2CU88). | - -## Business models - -The VTEX platform supports the configuration of different business models, such as business-to-business (B2B), marketplaces, omnichannel, and internationalization. See below the availability for each storefront technology. - -| | FastStore | Store Framework | Legacy CMS Portal | -| --- | :---: | :---: | :---: | -| [**B2B capabilities**](https://help.vtex.com/en/tutorial/b2b-overview--5vb9SNXhX2bZnkpAh7ADdC?\&utm_source=autocomplete) | ❌ | ✅ | ❌ | -| [**Bindings**](https://help.vtex.com/en/tutorial/what-is-binding--4NcN3NJd0IeYccgWCI8O2W?\&utm_source=autocomplete) | ❌ | ✅ | ✅ | -| [**Cross-border and multi-language stores**](https://help.vtex.com/en/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/5qgXy9Erm7FDP3UB5Ox8Bs) | ❌ | ✅ | ❌ | -| [**Franchise accounts**](https://help.vtex.com/en/tutorial/what-is-a-franchise-account--kWQC6RkFSCUFGgY5gSjdl) | ✅ | ✅ | ✅ | -| [**Marketplace capabilities**](https://help.vtex.com/en/tutorial/marketplace-strategies-at-vtex--tutorials_402) | ✅ | ✅ | ✅ | -| [**Multiple trade policies**](https://help.vtex.com/en/tutorial/how-trade-policies-work--6Xef8PZiFm40kg2STrMkMV) | ✅ | ✅ | ✅ | -| [**Regionalization**](https://developers.vtex.com/docs/guides/faststore/features-regionalization) | ✅ | ✅ | ❌ | - -## Features and functionalities - -Below, explore the features and functionalities available for each storefront technology. Consider the following legend: - -✅ **Available:** An out-of-the-box feature, ready to use. -⚠️**Limited:** The feature is possible but needs custom implementation. -❌ **Not available:** This feature is currently unavailable, even with customizations. - -### Advanced store functionalities - -| | FastStore | Store Framework | Legacy CMS Portal | -| --- | :---: | :---: | :---: | -| [**Abandoned Cart**](https://help.vtex.com/en/tutorial/setting-up-abandoned-carts--tutorials_740) | ⚠️ | ✅ | ✅ | -| [**Attachments**](https://help.vtex.com/en/tutorial/what-is-an-attachment--aGICk0RVbqKg6GYmQcWUm) | ✅ | ✅ | ✅ | -| [**Coupons**](https://help.vtex.com/en/tutorial/coupons-beta--1aAEN3ADpz19ss5JCIEBdL) | ✅ | ✅ | ✅ | -| [**Gift Card**](https://developers.vtex.com/docs/guides/gift-card-integration-guide) **integration** | ✅ | ✅ | ✅ | -| [**GTM - Google Analytics 4**](https://help.vtex.com/en/tutorial/how-to-setup-google-analytics-in-vtex-store--G2P0rmSrEiqCcmUMyUUwG) | ✅ | ✅ | ✅ | -| [**Master Data**](https://developers.vtex.com/docs/guides/master-data-introduction) **integration** | ⚠️ | ✅ | ✅ | -| [**Newsletter integration with Master Data**](https://developers.vtex.com/docs/guides/newsletter-inclusion-master-data-v1) | ✅ | ✅ | ✅ | -| [**Price table**](https://help.vtex.com/en/tutorial/creating-price-tables--58YmY2Iwggyw4WeSCGg24S) | ✅ | ✅ | ✅ | -| [**Promotions**](https://help.vtex.com/en/tutorial/creating-promotions--tutorials_320) | ✅ | ✅ | ✅ | -| [**SmartCheckout**](https://help.vtex.com/en/tutorial/smartcheckout-customer-information-automatic-fill-in--2Nuu3xAFzdhIzJIldAdtan) | ✅ | ✅ | ✅ | -| [**Sitemap**](https://help.vtex.com/en/tutorial/rastreamento-google-search-console-sitemap--tutorials_575) **integration** | ✅ | ✅ | ✅ | -| [**Subscription**](https://help.vtex.com/en/tutorial/how-subscriptions-work--frequentlyAskedQuestions_4453) | ✅ | ✅ | ✅ | -| **Support for** [**VTEX IO frontend apps**](https://developers.vtex.com/docs/guides/vtex-io-documentation-1-developing-storefront-apps-using-react-and-vtex-io) | ❌ | ✅ | ❌ | - -### VTEX IO Apps - -| | FastStore | Store Framework | Legacy CMS Portal | -| --- | :---: | :---: | :---: | -| [**Assembly options**](https://help.vtex.com/en/tutorial/assembly-options--5x5FhNr4f5RUGDEGWzV1nH?\&utm_source=autocomplete) | ⚠️ | ✅ | ❌ | -| [**Intelligent Search**](https://help.vtex.com/tracks/vtex-intelligent-search) **integration** | ✅ | ✅ | ❌ | -| [**Live Shopping**](https://developers.vtex.com/docs/apps/vtexventures.livestreaming) | ⚠️ | ✅ | ✅ | -| [**Reviews & Ratings**](https://developers.vtex.com/docs/apps/vtex.reviews-and-ratings) | ⚠️ | ✅ | ❌ | -| [**Store Locator**](https://developers.vtex.com/docs/apps/vtex.store-locator) | ⚠️ | ✅ | ❌ | -| [**Wishlist**](https://developers.vtex.com/docs/apps/vtex.wish-list) | ⚠️ | ✅ | ❌ | - -### Development experience - -| | FastStore | Store Framework | Legacy CMS Portal | -| --- | :---: | :---: | :---: | -| **API integration** | ✅

[FastStore APIs](https://developers.vtex.com/docs/guides/faststore/faststore-api-overview) | ✅

[API reference]([https://developers.vtex.com/docs/api-reference) | ✅

[API reference](https://developers.vtex.com/docs/api-reference) | -| **Automatic storefront updates** | ✅ | ✅ | ❌ | -| **Command Line Interface (CLI)** | ✅ | ✅ | ❌ | -| **GitHub WebOps workflow** | ✅ | ❌ | ❌ | - -Learn more in [Developer experience](https://developers.vtex.com/docs/guides/developer-experience). From 0875dd2e376127138070aa9471c40fcb04bc09a8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?B=C3=A1rbara=20Celi?= <112641072+barbara-celi@users.noreply.github.com> Date: Fri, 13 Sep 2024 11:33:10 -0300 Subject: [PATCH 07/10] Updating 'updateAt' --- .../getting-started-with-storefront-solutions.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md b/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md index e243b487df..727c90b5d7 100644 --- a/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md +++ b/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md @@ -4,7 +4,7 @@ slug: "getting-started-with-storefront-solutions" hidden: false excerpt: "Learn about the main differences between VTEX storefront solutions." createdAt: "2024-05-20t12:59:27.687z" -updatedAt: "2024-09-05T14:35:24.197Z" +updatedAt: "2024-09-13T14:32:02.701Z" --- The VTEX platform provides three options for storefront development, each with distinct characteristics to meet the needs of our clients: From f01ad5cb310f1213323c08b22732c7e294f3dc17 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?B=C3=A1rbara=20Celi?= <112641072+barbara-celi@users.noreply.github.com> Date: Fri, 13 Sep 2024 11:41:05 -0300 Subject: [PATCH 08/10] fixing links and markdown --- .../getting-started-with-storefront-solutions.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md b/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md index 727c90b5d7..e8b3ac2825 100644 --- a/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md +++ b/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md @@ -48,7 +48,9 @@ The VTEX platform supports the configuration of different business models, such Below, explore the features and functionalities available for each storefront technology. Consider the following legend: ✅ **Available:** An out-of-the-box feature, ready to use. + ⚠️**Limited:** The feature is possible but needs custom implementation. + ❌ **Not available:** This feature is currently unavailable, even with customizations. ### Advanced store functionalities @@ -84,7 +86,7 @@ Below, explore the features and functionalities available for each storefront te | | FastStore | Store Framework | Legacy CMS Portal | | --- | :---: | :---: | :---: | -| **API integration** | ✅

[FastStore APIs](https://developers.vtex.com/docs/guides/faststore/faststore-api-overview) | ✅

[API reference]([https://developers.vtex.com/docs/api-reference) | ✅

[API reference](https://developers.vtex.com/docs/api-reference) | +| **API integration** | ✅

[FastStore APIs](https://developers.vtex.com/docs/guides/faststore/faststore-api-overview) | ✅

[API reference](https://developers.vtex.com/docs/api-reference) | ✅

[API reference](https://developers.vtex.com/docs/api-reference) | | **Automatic storefront updates** | ✅ | ✅ | ❌ | | **Command Line Interface (CLI)** | ✅ | ✅ | ❌ | | **GitHub WebOps workflow** | ✅ | ❌ | ❌ | From 1abb16690f6285e7ee0e898cdd76f893f1e4103a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?B=C3=A1rbara=20Celi?= <112641072+barbara-celi@users.noreply.github.com> Date: Fri, 13 Sep 2024 11:55:32 -0300 Subject: [PATCH 09/10] Adding links --- .../getting-started-with-storefront-solutions.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md b/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md index e8b3ac2825..3dd071717e 100644 --- a/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md +++ b/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md @@ -85,10 +85,10 @@ Below, explore the features and functionalities available for each storefront te ### Development experience | | FastStore | Store Framework | Legacy CMS Portal | -| --- | :---: | :---: | :---: | -| **API integration** | ✅

[FastStore APIs](https://developers.vtex.com/docs/guides/faststore/faststore-api-overview) | ✅

[API reference](https://developers.vtex.com/docs/api-reference) | ✅

[API reference](https://developers.vtex.com/docs/api-reference) | +| --- | --- | --- | :---: | +| **API integration** | ✅ [FastStore APIs](https://developers.vtex.com/docs/guides/faststore/faststore-api-overview) | ✅ [API reference](https://developers.vtex.com/docs/api-reference) | ✅ [API reference](https://developers.vtex.com/docs/api-reference) | | **Automatic storefront updates** | ✅ | ✅ | ❌ | -| **Command Line Interface (CLI)** | ✅ | ✅ | ❌ | -| **GitHub WebOps workflow** | ✅ | ❌ | ❌ | +| **Command Line Interface (CLI)** | ✅ [FastStore CLI](https://developers.vtex.com/docs/guides/faststore/getting-started-3-faststore-cli) | ✅ [VTEX IO CLI](https://developers.vtex.com/docs/guides/vtex-io-documentation-vtex-io-cli-installation-and-command-reference) | ❌ | +| **GitHub [WebOps](https://developers.vtex.com/docs/guides/faststore/1-onboarding-overview) workflow** | ✅ | ❌ | ❌ | Learn more in [Developer experience](https://developers.vtex.com/docs/guides/developer-experience). From 624d4a89f81dfd854c2337ba20959a546c84ac96 Mon Sep 17 00:00:00 2001 From: Carolina Menezes <60782333+carolinamenezes@users.noreply.github.com> Date: Fri, 20 Sep 2024 18:11:39 -0300 Subject: [PATCH 10/10] Update docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md --- .../getting-started-with-storefront-solutions.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md b/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md index 3dd071717e..31d3657302 100644 --- a/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md +++ b/docs/guides/vtex-io/Storefront-Guides/getting-started-with-storefront-solutions.md @@ -49,7 +49,7 @@ Below, explore the features and functionalities available for each storefront te ✅ **Available:** An out-of-the-box feature, ready to use. -⚠️**Limited:** The feature is possible but needs custom implementation. +⚠️ **Limited:** The feature is possible but needs custom implementation. ❌ **Not available:** This feature is currently unavailable, even with customizations.