Introdução ao Composable Storefront

A solução Composable Storefront para o B2C Commerce se baseia em duas tecnologias principais: o Progressive Web App Kit (PWA Kit), para criar sua loja (virtual), e o Managed Runtime, para hospedá-la.

Como todas as tecnologias combináveis baseadas em API, o PWA Kit e o Managed Runtime podem ser combinados com outras tecnologias de comércio eletrônico da Salesforce ou de outros fornecedores. Com o Composable Storefront, você pode arquitetar uma pilha de tecnologia que atende exatamente às suas necessidades e pode escalonar com o seu negócio.

O PWA Kit é uma estrutura para criar lojas (virtuais) em JavaScript (ou TypeScript) usando a plataforma React, que se tornou uma constante no desenvolvimento contemporâneo para Web.

Com ele, você recebe:

• Modelos de projeto, inclusive o Retail React App. O Retail React App é uma loja virtual personalizada que implementa os principais fluxos de e-commerce, da página inicial ao checkout.
• Um sistema de renderização que funciona nos lados do servidor e do cliente e trata da [hidratação](<https://en.wikipedia.org/wiki/Hydration_(web_development), ou seja, o processo de transferência de renderização do servidor para o cliente.
• Um sistema de roteamento que permite a injeção de dados da Commerce API em seus componentes.
• Scripts e funções utilitárias para automação de tarefas rotineiras de desenvolvimento.
• Integração com a B2C Commerce API e a Open Commerce (OCAPI).

Um Progressive Web App (PWA) é um site Web cuja experiência do usuário inclui recursos que estão normalmente associados a aplicativos para dispositivos móveis, incluindo tempos de carregamento rápidos, renderização fluida e transições simples.

O motivo pelo qual eles são denominadas “progressive” é que esses recursos são adicionados um de cada vez (ou progressivamente), com base no que o dispositivo e navegador do usuário pode aceitar.

É ele que fornece a infraestrutura para implantar, hospedar e monitorar sua loja virtual do PWA Kit em uma plataforma de nuvem pública. Com o Managed Runtime, você pode se dedicar a desenvolver sua loja (virtual) e não a gerenciar servidores.

Este recurso segue a Metodologia de 12 fatores para aplicativos. Sua loja (virtual) desenvolvida com uma base de códigos única criada sem estado e que pode ser implantada na infraestrutura computacional mais eficiente e econômica disponível. Cada implantação substitui por completo a implantação anterior, além de ser reconfigurada do zero.

E o mais importante: o Managed Runtime oferece a mesma segurança de nível empresarial e os 99,99% de tempo de atividade histórico presentes em todas as tecnologias da Salesforce.

Para obter mais informações, consulte Visão geral do Managed Runtime.

As ferramentas do Composable Storefront ocasionalmente fazem referência à Mobify, que é o nome da empresa que desenvolveu originalmente essas tecnologias. A Mobify foi adquirida pela Salesforce em 2020, e o processo de atualização da marca ainda não foi concluído.

As contribuições ao PWA Kit feitas pela comunidade de código aberto são bem-vindas! Para saber mais sobre o processo de contribuição, veja Como contribuir com o PWA Kit.

Se você gosta de usar o PWA Kit, considere fazer parte do GitHub Repo. Esse repositório ajuda a outros a conhecer o PWA Kit!

Agora que você já se familiarizou com as noções básicas do PWA Kit e do Managed Runtime, confira outros guias da série “Como começar”:

1. Início rápido
2. Criar uma On-Demand Sandbox
3. Configurar o acesso à API
4. Configurar o ambiente local
5. Enviar por push e implantar pacotes