{"section":"tracks","requestedLocale":"pt","requestedSlug":"frontend","locale":"pt","slug":"frontend","path":"docs/pt/tracks/módulos-vtex-primeiros-passos/desenvolvimento-de-loja/frontend.md","branch":"main","content":"Frentes de loja são a camada de apresentação para o usuário, definindo sua experiência na plataforma e sendo decisiva na realização ou não de uma compra. Para que um negócio digital se mantenha relevante e competitivo, essa camada deve oferecer elementos como uma ótima experiência de usuário (via desktop e mobile), possibilidade de omnichannel, experiência personalizada de compra e uma excelente web performance. \n\nPara alcançar esses objetivos, a VTEX fornece diferentes tecnologias para o desenvolvimento frontend de uma loja. Dependendo do que se deseja, uma tecnologia pode ser mais recomendada que outra.\n\n## Store Framework\n\nO Store Framework surge a partir da ideia de composabilidade, em que permite a combinação de diferentes conteúdos, serviços e dados. Assim, além de integrações e orquestração de API, a VTEX oferece as ferramentas adequadas para atender necessidades comerciais mais específicas.\n\nA maneira como essa extensão de funcionalidades ocorre é através de apps VTEX disponíveis globalmente.\n\nO Store Framework é uma solução para construção de frente de loja que se alavanca do VTEX IO. Através dela podemos contar com a interface amigável do [Site Editor](/pt/docs/tutorials/site-editor-visao-geral) e tornar o gerenciamento de conteúdo da loja mais simples.\n\n![vtex io](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tracks/módulos-vtex-primeiros-passos/desenvolvimento-de-loja/frontend_1.png)\n\nLojas criadas com o Store Framework também contam com as features de: \n- **[Intelligent Search](/pt/docs/tracks/visao-geral-intelligent-search)**: ferramenta de busca, que corrige erros ortográficos e possibilita regras condicionais para exibição do resultado de busca.\n- **[Multi-idiomas](/pt/docs/tutorials/vtex-intelligent-search-configuracoes-multi-idioma-beta)**: possibilidade que o VTEX IO traz de configurar a tradução automática na loja para outros idiomas.\n- **[Cross-border](https://developers.vtex.com/vtex-developer-docs/docs/vtex-io-cross-border-stores)**: o que permite uma [multi-loja VTEX](/pt/docs/tutorials/gerenciando-uma-multiloja) de operar em diferentes países com uma abordagem própria para cada um deles.\n\n## FastStore \n\nEnquanto Store Framework foca em composabilidade, a FastStore foi construída com foco em performance e é baseada na arquitetura Jamstack (que significa Javascript, API e Markup). Em sites Jamstack, a lógica do aplicativo geralmente reside no lado do cliente, sem estar fortemente acoplada ao servidor de back-end.\n\nA intenção é de se utilizar da arquitetura Jamstack para entregar frentes de loja de maneira rápida, segura e confiável. Além disso, acompanha diversas ferramentas e recursos voltados para esse propósito, incluindo pipeline de WebOps e starter packs otimizados para performance.\n\nDessa forma, a FastStore pode realizar integrações com qualquer CMS e qualquer plataforma de desenvolvimento — mas para se beneficiar das garantias e suporte fornecidos pela VTEX, FastStore, Webops e Headless CMS é necessário.\n\nAlgumas funcionalidades não estão disponíveis, a exemplo de customizações de My Account e total integração com apps do IO e Intelligent Search. \n\n## CMS Portal (Legado)\n\nO CMS Portal é uma tecnologia legada da VTEX responsável por gerenciar, principalmente, o código fonte do site, sendo então o módulo onde está o conteúdo que aparece na loja. \n\nPara o CMS Portal (Legado), um conceito importante é o de Controles, que são snippets de código que renderizam dados nativos da VTEX. Os controles ajudam o lojista a criar conteúdo e incluir ferramentas no site de forma nativa utilizando o que a VTEX já oferece. Para que essa customização ocorra, são utilizados CSS, HTML e JavaScript no desenvolvimento, permitindo que se crie layouts e templates.\n\nPor utilizar tecnologias mais defasadas, quando há necessidade de fazer alguma alteração no CMS Portal (Legado), é necessário acessar os códigos internamente e prosseguir com essas alterações no campo Layout. Dessa forma, CMS se torna uma tecnologia mais difícil de utilizar e manter, dificultando também que se mantenha uma boa performance conforme se realizam mais customizações."}