O que é Store Theme
🔍 Preview
O Store Theme é a camada responsável por toda a experiência visual e de navegação da loja. É nele que o cliente conhece a marca, navega pelos produtos, interage com vitrines, banners, menus e inicia sua jornada de compra.
Na arquitetura da Uappi, o Store Theme é totalmente desacoplado do backend, consumindo dados exclusivamente através da API Pública.
🧩 O que é o Store Theme
O Store Theme é o frontend da loja, responsável por:- Exibir produtos, categorias e vitrines
- Carrinho lateral
- Construir a identidade visual da marca
- Enviar eventos de navegação e conversão (ex: GTM)
- 🎨 Camada de apresentação
- 🔗 Consumidor da API Pública
- 🧠 Orquestrador da experiência do cliente
- Produtos e variações
- Categorias e menus
- Banners e vitrines
- Dados de sessão do cliente
- Informações necessárias para o checkout
- Diretamente via HTTP
- Ou utilizando o Public SDK da Uappi (recomendado)
- ❌ Acessa a API Privada
- ❌ Manipula dados sensíveis do lojista
- ❌ Contém lógica administrativa
- ❌ Substitui o Checkout ou o Painel
- Node.js, NVM e Git
- Clonagem do projeto modelo no GitLab da Uappi
Ele não contém regras de negócio sensíveis, nem acesso direto a dados administrativos do lojista.
🏗️ Papel do Store Theme na arquitetura Uappi
Dentro do universo Uappi, o Store Theme atua como:
Toda a lógica de preços, produtos, banners, vitrines e menus é fornecida pela API, enquanto o Store Theme decide como isso será exibido.
🔄 Comunicação com a API Pública
O Store Theme se comunica exclusivamente com a API Pública, que fornece recursos como:
Essa comunicação pode ser feita:
🚫 O que o Store Theme não é
Para evitar confusão, o Store Theme não:Essas responsabilidades pertencem a outras camadas da plataforma.
🏁 Próximo passo
Agora que você entende o que é o Store Theme e seu papel na plataforma Uappi, o próximo passo é preparar o seu ambiente local para desenvolvimento.
Pré-requisitos: tecnologias necessárias e configuração do ambiente Nessa etapa, vamos abordar: