{"section":"tracks","requestedLocale":"pt","requestedSlug":"implementacao-de-frontend","locale":"pt","slug":"implementacao-de-frontend","path":"docs/pt/tracks/guia-de-onboarding/trilha-da-loja-vtex/implementacao-de-frontend.md","branch":"main","content":"O frontend de uma loja online, também conhecido como frente de loja, é a interface visual e interativa da loja através da qual os clientes da loja interagem com produtos e executam ações, como navegar por categorias, pesquisar, e adicionar produtos ao carrinho.\n\nEste artigo tem como objetivo auxiliar na escolha de qual tecnologia usar para construir a frente de loja e quais configurações são necessárias para cada uma, considerando os seguintes pontos:\n\n- Tecnologias de desenvolvimento de frente de loja da VTEX.\n- Principais funcionalidades de cada tecnologia.\n- Etapas de desenvolvimento.\n\nO foco da implementação de frontend é uma etapa com foco em definir as tecnologias a serem implementadas, de acordo com as necessidades do negócio relacionadas à frente de loja.\n\n> ℹ️ O frontend pode ser implementado pelo time de desenvolvimento interno da empresa ou pelos nossos [parceiros de implementação](/pt/tracks/trilha-da-loja-vtex--eSDNk26pdvemF3XKM0nK9/4yPqZQyj0t675QpcG7H6yl#parceiros-de-implementacao). [Usuários](/pt/docs/tutorials/gerenciar-usuarios-administrativos) com acesso ao Admin VTEX podem consultar a lista dos nossos parceiros pelo [Partner Portal](https://vtex.com/pt-br/parceiros/).\n\n## Antes de começar\n\nAntes de começar a implementação do frontend, é recomendado que a loja tenha as seguintes etapas configuradas:\n\n| Etapa | Descrição |\n| ----- | --------- |\n| Definição da arquitetura da loja e sua estratégia de vendas | O time definiu a arquitetura da sua loja VTEX de acordo com as estratégias e necessidades do seu modelo de negócio.

Mais informações no artigo [Contas e arquitetura](/pt/docs/tracks/contas-e-arquitetura). |\n| Configuração dos perfis de acesso | O time configurou os acessos necessários para usar a plataforma VTEX para cada [usuário](/pt/docs/tutorials/gerenciar-usuarios-administrativos).

Mais informações no artigo [Perfis de acesso](/pt/docs/tutorials/perfis-de-acesso). |\n| Configuração do catálogo | O time configurou o [catálogo](/pt/tracks/trilha-da-loja-vtex--eSDNk26pdvemF3XKM0nK9/75MX4aorniD0BYAB8Nwbo7#catalogo) com os produtos, a árvore de categoria e informações relacionadas, como descrições, imagens e preços, a fim de preencher e testar a loja, incluindo recursos como páginas de listagem de produtos (PLP), funcionalidade de pesquisa, páginas de detalhes de produtos (PDP) e checkout.

A ausência de um catálogo pode resultar em testes incompletos e problemas de integração de dados, atrasando a implementação.

Mais informações no artigo [Módulos da VTEX I](/pt/docs/tracks/modulos-da-vtex-i). |\n| Definição dos aplicativos necessários à operação da loja | O time definiu os aplicativos, nativos ou de terceiros, necessários para a operação da loja.

Para lojas que serão construídas usando [Store Framework](#store-framework), existe uma lista de apps nativos e de terceiros.

Mais informações no artigo [VTEX IO apps](https://developers.vtex.com/docs/vtex-io-apps). |\n\n> ℹ️ A [etapa de desenvolvimento](#etapas-de-desenvolvimento) pode acontecer em paralelo com outras etapas da [Integrações de backend](/pt/docs/tracks/integracoes-de-backend) e [configuração de módulos](/pt/docs/tracks/modulos-da-vtex-i), como por exemplo as configurações de meios de pagamentos e logística. Isso vai depender do tipo de [arquitetura e planejamento](/pt/docs/tracks/contas-e-arquitetura) escolhidos para a loja VTEX e deve ser acompanhado pela [agência implementadora](/pt/tracks/trilha-da-loja-vtex--eSDNk26pdvemF3XKM0nK9/4yPqZQyj0t675QpcG7H6yl#parceiros-de-implementacao) ou [Suporte VTEX](/pt/docs/tracks/suporte-na-vtex).\n\n## Tecnologias de desenvolvimento de frontend na VTEX\n\nA VTEX possui três tecnologias distintas para o desenvolvimento de frente de loja: a [FastStore](#FastStore), o [Store Framework](#store-framework) e o [CMS Portal (Legado)](/pt/docs/tracks/cms-portal-legado). O CMS Portal (Legado) foi a primeira tecnologia da VTEX para construção de frente de loja, baseada em HTML, CSS e JavaScript, e todo o desenvolvimento e a edição do código dessa tecnologia são feitos via Admin VTEX.\n\n> ⚠️ Apesar de ainda ser usado por algumas lojas, o [CMS Portal (Legado)](/pt/docs/tracks/cms-portal-legado) é uma tecnologia legada e não está mais disponível para lojas que estão iniciando com a VTEX.\n\nAs próximas seções são sobre as principais características e funcionalidades da FastStore e do Store Framework.\n\n## FastStore\n\nFastStore é uma inovação em tecnologia de frente de loja para times de desenvolvimento criarem lojas com foco em performance e estabilidade, além de ser uma tecnologia de fácil manutenção, inclusive na edição de páginas do site da loja. \n\nEsta tecnologia é um _toolkit open-source_ baseado em _React_ e na arquitetura [Jamstack](https://jamstack.org/). Para obter mais informações, basta consultar o portal de documentação da [FastStore](https://www.faststore.dev/docs).\n\n### Principais funcionalidades da FastStore\n\nA tabela a seguir apresenta algumas das principais funcionalidades da FastStore:\n\n| Funcionalidade | Descrição |\n| -------------- | --------- |\n| [Starter](https://starter.vtex.app/) | Template funcional projetado para o desenvolvimento rápido da loja, e que já integra os componentes da [FastStore UI](https://www.faststore.dev/components). Inclui páginas como Home, páginas de lista de produtos (PLPs), páginas de detalhes do produto (PDPs) e também a funcionalidade minicart. |\n| [FastStore UI](https://www.faststore.dev/components) | Biblioteca de componentes para ecommerce que fornece recursos e estilo básico, tornando mais rápida a implementação e personalização de frentes de loja. |\n| Tecnologia *headless* | Processo de customização que separa o código da loja desenvolvido pelo time de desenvolvimento do código base fornecido pela VTEX. Isso simplifica as atualizações do frontend da loja, permitindo atualizações sem impactar o código customizado. |\n| Integração com o [GitHub](https://github.com/) | Os times de desenvolvimento podem gerenciar todo o código da frente de loja utilizando o [GitHub](https://github.com/). |\n| [Headless CMS](https://www.faststore.dev/docs/headless-cms-overview) | Sistema de gerenciamento de conteúdo (CMS) que permite a edição e criação de novas páginas e a pré-visualização de mudanças no conteúdo. |\n| Verificações automatizadas | Testes funcionais e a avaliação da performance da loja e da qualidade do código são executados continuamente de forma automatizada para detectar lentidão e bugs durante todo o estágio de desenvolvimento da frente de loja. |\n| Integração com [Intelligent Search](https://www.faststore.dev/docs/getting-started-requirements#enable-the-vtex-intelligent-search-app-in-your-account) | Funcionalidade de preenchimento automático na barra de pesquisa, juntamente com sugestões de pesquisa e produtos com base em preferências configuráveis. |\n| Integrações com [Checkout](https://www.faststore.dev/docs/go-live/4-integrating-the-vtex-checkout), [Minha Conta](https://www.faststore.dev/docs/go-live/5-integrating-the-vtex-order-placed-and-my-account) e [Login](https://www.faststore.dev/docs/go-live/3-integrating-the-the-vtex-login) | Integração com outras etapas da jornada de compra dos clientes. Lojas VTEX previamente desenvolvidas com o Store Framework podem manter configurações relacionadas ao Checkout, Minha Conta e Login quando migradas para a FastStore, pois ambas se beneficiam da mesma infraestrutura. |\n\n## Store Framework\n\nStore Framework é uma solução já estabelecida de tecnologia *framework* de implementação de frentes de loja *low-code* com foco no modelo composable commerce, ou seja, o framework possibilita a combinação de diferentes apps do [VTEX IO](https://developers.vtex.com/docs/guides/vtex-io-documentation-what-is-vtex-io) para formar a frente de loja.\n\nNesta tecnologia, a implementação e o lançamento da loja são focados em componentes pré-construídos, também conhecidos como blocos, e na possibilidade de customização desses componentes, conforme a necessidade do modelo de negócio. Este *framework* é baseado em:\n\n- React\n- TypeScript\n- Node.js\n- GraphQL\n\nPara obter mais informações, basta acessar o artigo [What is VTEX Store Framework](https://developers.vtex.com/docs/guides/vtex-io-documentation-what-is-vtex-store-framework).\n\n### Ambiente de desenvolvimento\n\nAo falar de implementação de frontend, é preciso lembrar que o [VTEX IO](https://developers.vtex.com/docs/guides/vtex-io-documentation-what-is-vtex-io) não é uma tecnologia de construção de frente de loja, mas sim uma plataforma de desenvolvimento. O Store Framework é uma tecnologia de construção de frente de loja que é executada pelo VTEX IO, que por sua vez é uma solução de desenvolvimento e execução em nuvem de aplicativos personalizados e frentes de loja.\n\nIsso significa que ao trabalhar com VTEX IO, a pessoa desenvolve seu código localmente. Porém, quando se trata de implantar e executar a loja, o VTEX IO gerencia a infraestrutura, CI/CD e segurança, além de cuidar do processo de implantação. A imagem abaixo apresenta como estes conceitos se relacionam entre si:\n\n![Arquitetura de desenvolvimento frontend](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tracks/guia-de-onboarding/trilha-da-loja-vtex/implementacao-de-frontend_1.png)\n\n### Principais funcionalidades do Store Framework\n\nA tabela a seguir apresenta algumas das principais funcionalidades do Store Framework:\n\n| Funcionalidade | Descrição |\n| -------------- | --------- |\n| [Starter](https://github.com/vtex-apps/store-theme) | Template funcional projetado para o desenvolvimento rápido da loja, e que já integra os componentes pré-construídos. |\n| [Componentes pré-construídos](https://developers.vtex.com/docs/vtex-io-apps) | Componentes nativos baseados em *React*. |\n| Arquitetura modular | Personalização e reutilização do código de elementos da interface para lançar e replicar lojas rapidamente. |\n| [Workspaces e ambientes de testes](https://developers.vtex.com/docs/guides/vtex-io-documentation-workspace) | Permite criar diferentes versões da loja e testá-las previamente para realizar alterações com segurança. |\n| [Site Editor](/pt/docs/tutorials/site-editor-visao-geral) | Sistema de gerenciamento de conteúdo (CMS) para edição de templates e construção de novas páginas no site da loja. |\n| [Testes A/B nativos](https://developers.vtex.com/docs/guides/ab-tests) | Permite testar e validar qual a versão da loja com as maiores taxas de conversão. |\n| Integração com [Intelligent Search](/pt/docs/tracks/visao-geral-intelligent-search) | Funcionalidade de preenchimento automático na barra de pesquisa, juntamente com sugestões de pesquisa e produtos com base em suas preferências. |\n| [Progressive Web App (PWA)](/pt/docs/tutorials/habilitando-notificacoes-pwa-da-loja) | Permite experiências nativas semelhantes a aplicativos em qualquer dispositivo com tecnologia pronta para PWA. |\n| [Cross-border](/pt/tracks/cms--2YcpgIljVaLVQYMzxQbc3z/5qgXy9Erm7FDP3UB5Ox8Bs?&utm_source) | Permite que uma loja [multiloja](/pt/tracks/trilha-da-loja-vtex--eSDNk26pdvemF3XKM0nK9/4yPqZQyj0t675QpcG7H6yl#multiloja) VTEX opere em diferentes países com uma abordagem própria para cada um deles. |\n| Integração com Checkout, [Minha Conta](/pt/docs/tutorials/como-funciona-a-minha-conta) e Login | Integração com outras etapas da jornada de compra do cliente. |\n\n## Escolhendo a tecnologia de frontend\n\nAo escolher entre Store Framework e FastStore, o time deve avaliar as necessidades específicas do projeto e considerar a experiência da equipe com ambas as tecnologias.\n\nO Store Framework é uma opção mais madura, oferecendo uma estrutura flexível adequada para casos de uso complexos, bem como suporte para lojas que operam internacionalmente e com vários idiomas. \nPara lojas B2B, o Store Framework é uma ótima opção, uma vez que disponibiliza o [B2B Suite](https://developers.vtex.com/docs/apps/vtex.b2b-suite), um aplicativo que permite o gerenciamento de organizações, permissões de frente de loja, e configurações de checkout para relacionamentos comerciais B2B.\n\nA FastStore é uma alternativa em evolução mais recente focada na performance da loja. Esta solução oferece uma experiência de carregamento rápido, o que é essencial para manter os visitantes da loja engajados e reduzir as taxas de abandono de carrinho. Para casos de uso mais simples e com foco em performance, a FastStore pode ser a tecnologia mais recomendada. \n\n> ℹ️ A equipe de [suporte da VTEX](/pt/docs/tracks/suporte-na-vtex) pode auxiliar no momento de escolher entre uma das tecnologias de storefront disponíveis.\n\nA tabela abaixo compara as duas tecnologias de acordo com suas principais funcionalidades:\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
**Funcionalidade****Store Framework****FastStore**
*Starter* (template inicial)O [Store Theme](https://github.com/vtex-apps/store-theme) é o template inicial no qual o time pode usar de base para iniciar o projeto da loja ou iniciar do zero.O [Starter FastStore](https://starter.vtex.app/) já é disponibilizado ao finalizar o [Onboarding da FastStore](https://www.faststore.dev/docs/getting-started/1-faststore-onboarding/overview). Isso permite que o time comece o projeto com um template base focado em performance.
DesempenhoOs recursos de SSR (*Server Side Rendering*) geram todo o HTML de uma página no servidor em resposta a uma solicitação de página, enquanto o SPA (*Single Page Application*) carrega elementos como o cabeçalho apenas uma vez que a página é carregada.Possibilidade de máxima performance, já que utiliza a arquitetura [Jamstack](https://jamstack.org/) para criar as páginas do site da loja com antecedência, tornando a entrega do site mais rápida e eficiente em termos de recursos.
Tech Stack\n
    \n
  • TypeScript
    • \n
  • React
    • \n
  • GraphQL
    • \n
  • Node.js
    • \n
\n 		\n
    \n
  • TypeScript
    • \n
  • React
    • \n
  • Next.js
    • \n
  • GraphQL
    • \n
  • Node.js
    • \n
\n
Customizações de componentesFlexível e de fácil personalização.Permite a customização de componentes nativos e garante a performance da loja a partir de boas práticas.
Gerenciamento do códigoUtiliza [Workspaces](https://developers.vtex.com/docs/guides/vtex-io-documentation-workspace) e a arquitetura do VTEX IO para o versionamento, atualização e rollback dos componentes e aplicativos.Utiliza o GitHub e o conceito de [branches](https://docs.github.com/pt/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches) para a colaboração. Os usuários autorizados no repositório da frente de loja no GitHub podem visualizar e colaborar com o código.
*Community and Support*\n
    \n
  • [Documentação oficial](https://developers.vtex.com/docs/guides/vtex-io-documentation-what-is-vtex-store-framework)
    • \n
  • [VTEX community](https://community.vtex.com/c/store-development/store-framework/17)
    • \n
\n 		\n
    \n
  • [Documentação oficial](https://www.faststore.dev/docs)
    • \n
\n
*Performance Monitoring and Analytics*\n
    \n
  • Possibilidade de configurar o [VTEX Google Tag Manager](https://developers.vtex.com/docs/guides/google-tag-manager) para analisar dados de navegação da loja.
    • \n
  • Possibilidade de aumentar o desempenho do site da loja usando ferramentas de [otimização de desempenho](https://developers.vtex.com/docs/guides/vtex-io-documentation-best-practices-for-optimizing-performance).
    • \n
\n 		\n
    \n
  • Possibilidade de configurar o módulo de Analytics nativo.
    • \n
  • Possibilidade de aumentar o desempenho do site da loja usando ferramentas indicadas para tecnologia.
    • \n
\n
Sistema de Gerenciamento de Conteúdo (CMS)Compatível com o [Site Editor](/pt/docs/tutorials/site-editor-visao-geral).Compatível com o [Headless CMS](https://www.faststore.dev/docs/headless-cms-overview).
\n\n## Etapas de desenvolvimento\n\nAntes de lançar a loja em produção e do [go-live](/pt/docs/tracks/planejamento-do-go-live), é importante listar as configurações e funcionalidades essenciais a serem incluídas na frente de loja. Essas definições auxiliam na definição do Mínimo Produto Viável (MVP) para a frente de loja. Por isso, os próximos tópicos indicam:\n\n- [Requisitos para um MVP da FastStore](#requisitos-para-um-mvp-da-faststore)\n- [Requisitos para um MVP do Store Framework](#requisitos-para-um-mvp-do-store-framework)\n\n> ℹ️ As recomendações a seguir são para configurações básicas de frente de loja. Dependendo da [arquitetura escolhida](/pt/docs/tracks/contas-e-arquitetura) para a operação da loja, outras configurações podem ser necessárias.\n\n### Desenvolvendo com a FastStore\n\nO time de desenvolvimento deve iniciar um novo projeto com a FastStore através do processo de [Onboarding](https://www.faststore.dev/docs/getting-started/1-faststore-onboarding). Ao final desse processo, o time estará com uma loja básica e funcional baseada no [Starter da FastStore](https://starter.vtex.app/). Feito isso, os requisitos básicos da página já estarão implementados, são eles:\n\n- Home\n- *Product Listing Page* (PLP)\n- *Product Details Page* (PDP)\n- *Minicart*\n\n![FastStore template](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tracks/guia-de-onboarding/trilha-da-loja-vtex/implementacao-de-frontend_2.png)\n\n#### Requisitos para um MVP da FastStore\n\nSão apresentados a seguir os requisitos para cada tema:\n\n- Catálogo\n - [Cadastrar produtos e SKUs](/pt/docs/tutorials/adicionar-ou-editar-produto)\n - [Construir a árvore de categorias](/pt/docs/tutorials/cadastrar-uma-categoria) ([departamentos](/pt/docs/tutorials/o-que-e-um-departamento), [categorias](/pt/docs/tutorials/o-que-e-uma-categoria) e [subcategorias](/pt/docs/tutorials/o-que-e-uma-subcategoria))\n - [Definir filtros e tipos de especificações por categoria](/pt/docs/tutorials/criando-grupo-de-especificacoes-em-uma-categoria)\n - [Cadastrar imagens dos SKUs](/pt/docs/tutorials/adicionar-ou-editar-sku#imagens)\n - [Cadastrar preços dos SKUs](/pt/docs/tracks/cadastrar-preco-base)\n - [Gerenciar inventário](/pt/docs/tutorials/gerenciar-itens-em-estoque)\n- VTEX Intelligent Search\n - [Integrar a app de Intelligent Search na conta](https://www.faststore.dev/docs/getting-started-requirements#enable-the-vtex-intelligent-search-app-in-your-account)\n- Integração com Headless CMS\n - [Configurar o Headless CMS na conta](https://www.faststore.dev/docs/headless-cms-integration/1-configuring-the-vtex-account)\n - [Definir content types e seções que estarão disponíveis](https://www.faststore.dev/docs/headless-cms-integration/2-setting-up-the-headless-cms)\n - Criar e editar páginas usando o Headless CMS no Admin VTEX\n- Página Home\n - Editar os componentes e estilos já apresentados no [Starter](https://starter.vtex.app/)\n- Página de Login\n - [Integrar com o VTEX Login](https://www.faststore.dev/docs/go-live/3-integrating-the-the-vtex-login)\n - Editar os componentes e estilos já apresentados no [Starter](https://starter.vtex.app/)\n- Product Listing Page (PLP)\n - Editar os componentes e estilos já apresentados no [Starter](https://starter.vtex.app/office)\n- Product Details Page (PDP)\n - Editar os componentes e estilos já apresentados no [Starter](https://starter.vtex.app/4k-philips-monitor-99988213/p)\n- Minicart configuration\n - Editar os componentes e estilos já apresentados no [Starter](https://starter.vtex.app/)\n- Checkout\n - Integrar com o [VTEX Checkout](https://www.faststore.dev/docs/go-live/4-integrating-the-vtex-checkout)\n - Integrar com [VTEX Order Placed e My Account](https://www.faststore.dev/docs/go-live/5-integrating-the-vtex-order-placed-and-my-account)\n- Logística\n - [Cadastrar doca](/pt/docs/tutorials/gerenciar-doca)\n - [Cadastrar estratégia de envio](/pt/docs/tutorials/estrategia-de-envio)\n - [Relacionar estratégia de envio e estoque com a doca](/pt/docs/tutorials/gerenciar-doca)\n- Payments\n - [Configurar o conector Promissórias](/pt/docs/tutorials/configurar-o-conector-promissorias)\n - [Cadastrar afiliações de gateway](/pt/docs/tutorials/afiliacoes-de-gateway)\n- Performance e SEO\n - Aumentar o desempenho do site da loja usando ferramentas indicadas [para tecnologia](https://v1.faststore.dev/how-to-guides/performance)\n- Métricas\n - Configurar o módulo de [Analytics](https://v1.faststore.dev/reference/sdk/analytics)\n\n### Desenvolvendo com o Store Framework\n\nO time de desenvolvimento deve iniciar um novo projeto com o Store Framework clonando e [linkando](https://developers.vtex.com/docs/guides/vtex-io-documentation-linking-an-app) o [Store Theme](https://github.com/vtex-apps/store-theme) em um [workspace de desenvolvimento](https://developers.vtex.com/docs/guides/vtex-io-documentation-creating-a-development-workspace). O Store Theme é um template funcional básico para iniciar a loja com componentes e páginas essenciais, tais como:\n\n- *Home*\n- *Product Listing Page* (PLP)\n- *Product Details Page* (PDP)\n\n![Store Framework template](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tracks/guia-de-onboarding/trilha-da-loja-vtex/implementacao-de-frontend_3.png)\n\n#### Requisitos para um MVP do Store Framework\n\nSão apresentados a seguir os requisitos para cada tema:\n\n- Catálogo\n - [Cadastrar produtos e SKUs](/pt/docs/tutorials/adicionar-ou-editar-produto)\n - [Construir a árvore de categorias](/pt/docs/tutorials/cadastrar-uma-categoria) ([departamentos](/pt/docs/tutorials/o-que-e-um-departamento), [categorias](/pt/docs/tutorials/o-que-e-uma-categoria) e [subcategorias](/pt/docs/tutorials/o-que-e-uma-subcategoria))\n - [Definir filtros e tipos de especificações por categoria](/pt/docs/tutorials/criando-grupo-de-especificacoes-em-uma-categoria)\n - [Cadastrar imagens dos SKUs](/pt/docs/tutorials/adicionar-ou-editar-sku#imagens)\n - [Cadastrar preços dos SKUs](/pt/docs/tracks/cadastrar-preco-base)\n - [Gerenciar inventário](/pt/docs/tutorials/gerenciar-itens-em-estoque)\n- VTEX Inteligent Search\n - [Integrar a app de Intelligent Search na conta](/pt/docs/tracks/visao-geral-intelligent-search)\n- Página Home\n - Editar os componentes e estilos já apresentados no [Starter](https://storetheme.vtex.com/)\n- Página de Login\n - Integrar com o VTEX Login\n - Editar os componentes e estilos já apresentados no [Starter](https://storetheme.vtex.com/)\n- Product Listing Page (PLP)\n - Editar os componentes e estilos já apresentados no [Starter](https://storetheme.vtex.com/clothing?_q=clothing&map=ft)\n- Product Details Page (PDP)\n - Editar os componentes e estilos já apresentados no [Starter](https://storetheme.vtex.com/ten-top-shirts/p)\n- Minicart configuration\n - Editar os componentes e estilos já apresentados no [Starter](https://storetheme.vtex.com/)\n- Logística\n - [Cadastrar doca](/pt/docs/tutorials/gerenciar-doca)\n - [Cadastrar estratégia de envio](/pt/docs/tutorials/estrategia-de-envio)\n - [Relacionar estratégia de envio e estoque com doca](/pt/docs/tutorials/gerenciar-doca)\n- Pagamentos\n - [Configurar o conector Promissórias](/pt/docs/tutorials/configurar-o-conector-promissorias)\n - [Cadastrar afiliações de gateway](/pt/tutorial/registering-gateway-affiliations/)\n- Performance\n - Aumentar o desempenho do site da loja usando ferramentas de [otimização de desempenho](https://developers.vtex.com/docs/guides/vtex-io-documentation-best-practices-for-optimizing-performance)\n- Métricas\n - Configurar o [Google Tag Manager](https://developers.vtex.com/docs/guides/google-tag-manager)"}