Saiba como criar, configurar e ampliar uma vitrine composta para proporcionar uma experiência de compra de alto desempenho para seus clientes. Neste curso com duração de dois dias e meio, ministrado por um instrutor e criado para desenvolvedores, descubra como usar um Kit PWA (Progressive Web App) e MRT (Managed Runtime) para simplificar a implementação e a manutenção contínua da vitrine. Uma vez configurada a vitrine, saiba como usar os SDKs (Kits de desenvolvimento de software) da vitrine composta para integrar e ampliar a funcionalidade da vitrine.

Este é um curso técnico criado para os desenvolvedores familiarizados com o B2C Commerce Cloud que pretendem implementar uma vitrine composta inovadora e com capacidade de resposta. Os participantes devem estar familiarizados com React, Node.js e JavaScript. Os participantes devem concluir o trabalho preparatório do curso e ter o software listado abaixo instalado no computador que irão utilizar na aula antes de participarem. As instruções para concluir estas tarefas podem ser consultadas aqui. Node.js v20 ou posterior NPM v10 ou posterior Postman (instalado localmente ou disponível por meio de uma conta online) Extensão React Developer Tools para Chrome Visual Studio Code ou ambiente de desenvolvimento integrado (IDE) semelhante

Explicar os recursos, os benefícios e as limitações de cada uma das opções disponíveis para criar vitrines no Commerce Cloud. Configurar o Managed Runtime e usá-lo para enviar, implantar e solucionar problemas de pacotes. Preparar e usar o Kit PWA para adicionar, configurar e criar estilo nos componentes em uma vitrine. Usar o SDK do Kit PWA React para criar, configurar e depurar a pesquisa de conteúdo e as páginas de detalhes. Incorporar ganchos, eventos e outros elementos do SDK do Kit PWA React e do SDK isomórfico para exibir dados de APIs (Application Programming Interfaces) de comércio e outras fontes na vitrine. Implementar casos de uso comuns, incluindo eCommerce híbrido headless/SFRA (Salesforce Storefront Reference Architecture) e APIs personalizadas.

Conceitos básicos da vitrine composta B2C Explicar as tendências e os desafios atuais do B2C Commerce Identificar as variações da vitrine B2C Commerce Descrever os recursos da vitrine composta B2C Ferramentas de desenvolvedor de terceiros necessárias Confirmar os pré-requisitos e os recursos de conhecimento Confirmar os requisitos de software Gerenciamento do ambiente com Managed Runtime Explicar a finalidade e os recursos de MRT Descrever a arquitetura de MRT Descrever a finalidade do Runtime Admin Definir e configurar um ambiente sandbox e MRT sob demanda Solucionar problemas usando logs do MRT Kit PWA Definir PWA e explicar os benefícios Definir e configurar um aplicativo PWA Retail React Definir os tipos de componentes Concluir o Hello World no Kit PWA Usar o Chakra UI e o Kit de design PWA para componentes e criação de estilos Implantação no Managed Runtime Identificar a configuração preliminar e as permissões necessárias para enviar e implantar pacotes Explicar como os projetos e ambientes são usados na implantação de pacotes Enviar e implantar um pacote Usar o Postman para executar e revisar a API do MRT Iniciar uma vitrine usando o MRT Personalização da vitrine com o SDK Criar novas páginas e rotas com o aplicativo Retail React Identificar a diferença entre a API do Open Commerce (OCAPI) e a API do Salesforce Commerce (SCAPI) e explicar onde cada uma é usada Identificar a diferença entre o SDK isomórfico e o SDK do Commerce React e usá-los para criar funcionalidade em suas páginas Solucionar erros e depurar usando o SDK Melhores práticas de dados do B2C Commerce Identificar padrões comuns da API do Commerce Seguir as melhores práticas da API para transmitir dados para as páginas da vitrine Usar manipuladores de eventos para recuperar dados em tempo real Estender a personalização da experiência de compra com a API de contexto do comprador Estabelecer a diferença entre quando usar solicitações do lado do cliente e do lado do servidor Maximizar a proporção de acertos da cache Casos de uso da implementação Selecionar a rede de distribuição de conteúdo (CDN) correta para sua vitrine Planejar e testar uma implementação híbrida Criar APIs personalizadas com ganchos Estender ganchos e modelos